#583246#583246

#583246 is a dark, moderate pink. Relative luminance 0.048; OKLCH L 37.1% C 0.062 H 347.7°. Best body text is #FFFFFF at 10.72:1 contrast (WCAG AA passes).

Color values

HEX	#583246
RGB	rgb(88, 50, 70)
HSL	hsl(328, 28%, 27%)
HSV	hsv(328, 43%, 35%)
CMYK	cmyk(0%, 43.2%, 20.5%, 65.5%)
CIE-LAB	lab(26.15, 20.34, -5.04)
CIE-LCH	lch(26.15, 20.96, 346.08°)
OKLab	oklab(37.14% 0.0605 -0.0132)
OKLCH	oklch(37.14% 0.062 347.7)
XYZ	xyz(6.2707, 4.7985, 6.3891)
Luminance	0.0480 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#583246 #325844

analogous

#573258 #583246 #583233

triadic

#583246 #465832 #324658

tetradic

#583246 #585732 #325844 #323358

square

#583246 #585732 #325844 #323358

split-complementary

#583246 #335832 #325857

monochromatic

#140B10 #311C27 #583246 #7F4865 #A56084

Accessibility & contrast

On white

10.72

#583246 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.96

#583246 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #583246

10.72:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##583246	#FFFFFF	#000000	##FFFFFF
##583246	1.00	10.72	1.96	10.72
#FFFFFF	10.72	1.00	21.00	1.00
#000000	1.96	21.00	1.00	21.00
##FFFFFF	10.72	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#353A47

Deuteranopia (green-blind)

#3F4045

Tritanopia (blue-blind)

#5D3139

Achromatopsia (no color)

#3E3E3E

Design tokens & code

CSS

--color: #583246;
/* rgb */ color: rgb(88, 50, 70);
/* oklch */ color: oklch(37.1% 0.062 347.7);

Tailwind

colors: {
  custom: {
    50: '#886b79',
    500: '#583246',
    950: '#000000',
  },
}

SCSS

$custom: #583246;
$custom-light: #886b79;
$custom-dark: #000000;

JSON

{
  "hex": "#583246",
  "rgb": {
    "r": 88,
    "g": 50,
    "b": 70
  },
  "hsl": {
    "h": 328.421,
    "s": 27.536,
    "l": 27.059
  },
  "oklch": {
    "l": 0.3714,
    "c": 0.06194,
    "h": 347.7
  },
  "luminance": 0.04798
}

Semantic roles & 50–950 ramp

primary

#583246

secondary

#5D8972

accent

#C49164

background

#F8F6F7

surface

#F0EBED

border

#CBC6C8

text

#0B0609

muted

#7C7A7B

Preview Lab

Preview with #583246

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

Preview Lab → · Contrast checker → · Palette generator →