#953053#953053

#953053 is a mid, vivid pink. Relative luminance 0.091; OKLCH L 46.8% C 0.138 H 2.8°. Best body text is #FFFFFF at 7.43:1 contrast (WCAG AA passes).

Color values

HEX	#953053
RGB	rgb(149, 48, 83)
HSL	hsl(339, 51%, 39%)
HSV	hsv(339, 68%, 58%)
CMYK	cmyk(0%, 67.8%, 44.3%, 41.6%)
CIE-LAB	lab(36.23, 45.14, 2.44)
CIE-LCH	lch(36.23, 45.21, 3.10°)
OKLab	oklab(46.82% 0.138 0.0068)
OKLCH	oklch(46.82% 0.138 2.8)
XYZ	xyz(15.0138, 9.1298, 9.1535)
Luminance	0.0913 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#953053 #309572

analogous

#953085 #953053 #953F30

triadic

#953053 #539530 #305395

tetradic

#953053 #859530 #309572 #3F3095

square

#953053 #859530 #309572 #3F3095

split-complementary

#953053 #30953F #308595

monochromatic

#38121F #672139 #953053 #C2416D #D16F91

Accessibility & contrast

On white

7.43

#953053 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.83

#953053 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #953053

7.43:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##953053	#FFFFFF	#000000	##FFFFFF
##953053	1.00	7.43	2.83	7.43
#FFFFFF	7.43	1.00	21.00	1.00
#000000	2.83	21.00	1.00	21.00
##FFFFFF	7.43	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#454954

Deuteranopia (green-blind)

#605C51

Tritanopia (blue-blind)

#A2233E

Achromatopsia (no color)

#555555

Design tokens & code

CSS

--color: #953053;
/* rgb */ color: rgb(149, 48, 83);
/* oklch */ color: oklch(46.8% 0.138 2.8);

Tailwind

colors: {
  custom: {
    50: '#b96f83',
    500: '#953053',
    950: '#000000',
  },
}

SCSS

$custom: #953053;
$custom-light: #b96f83;
$custom-dark: #000000;

JSON

{
  "hex": "#953053",
  "rgb": {
    "r": 149,
    "g": 48,
    "b": 83
  },
  "hsl": {
    "h": 339.208,
    "s": 51.269,
    "l": 38.627
  },
  "oklch": {
    "l": 0.46822,
    "c": 0.13816,
    "h": 2.8
  },
  "luminance": 0.09128
}

Semantic roles & 50–950 ramp

primary

#953053

secondary

#69B89D

accent

#DBAA4D

background

#FBF6F8

surface

#F7ECEF

border

#D0C7CA

text

#12080A

muted

#817B7C

Preview Lab

Preview with #953053

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →