#67445A#67445A

#67445A is a dark, muted pink. Relative luminance 0.078; OKLCH L 43.4% C 0.058 H 341.6°. Best body text is #FFFFFF at 8.23:1 contrast (WCAG AA passes).

Color values

HEX	#67445A
RGB	rgb(103, 68, 90)
HSL	hsl(322, 20%, 34%)
HSV	hsv(322, 34%, 40%)
CMYK	cmyk(0%, 34%, 12.6%, 59.6%)
CIE-LAB	lab(33.47, 18.86, -6.91)
CIE-LCH	lch(33.47, 20.08, 339.89°)
OKLab	oklab(43.39% 0.055 -0.0183)
OKLCH	oklch(43.39% 0.058 341.6)
XYZ	xyz(9.5061, 7.7565, 10.6673)
Luminance	0.0776 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#67445A #446751

analogous

#624467 #67445A #674448

triadic

#67445A #5A6744 #445A67

tetradic

#67445A #676244 #446751 #444867

square

#67445A #676244 #446751 #444867

split-complementary

#67445A #486744 #446762

monochromatic

#1D131A #422C3A #67445A #8C5C7A #A97D98

Accessibility & contrast

On white

8.23

#67445A on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.55

#67445A on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #67445A

8.23:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##67445A	#FFFFFF	#000000	##FFFFFF
##67445A	1.00	8.23	2.55	8.23
#FFFFFF	8.23	1.00	21.00	1.00
#000000	2.55	21.00	1.00	21.00
##FFFFFF	8.23	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#464B5B

Deuteranopia (green-blind)

#4E5159

Tritanopia (blue-blind)

#6B444C

Achromatopsia (no color)

#4F4F4F

Design tokens & code

CSS

--color: #67445a;
/* rgb */ color: rgb(103, 68, 90);
/* oklch */ color: oklch(43.4% 0.058 341.6);

Tailwind

colors: {
  custom: {
    50: '#937888',
    500: '#67445a',
    950: '#000000',
  },
}

SCSS

$custom: #67445a;
$custom-light: #937888;
$custom-dark: #000000;

JSON

{
  "hex": "#67445a",
  "rgb": {
    "r": 103,
    "g": 68,
    "b": 90
  },
  "hsl": {
    "h": 322.286,
    "s": 20.468,
    "l": 33.529
  },
  "oklch": {
    "l": 0.43385,
    "c": 0.05799,
    "h": 341.6
  },
  "luminance": 0.07756
}

Semantic roles & 50–950 ramp

primary

#67445A

secondary

#72957F

accent

#BD896B

background

#F9F7F8

surface

#F1EDEF

border

#CBC8CA

text

#0D090B

muted

#7E7B7C

Preview Lab

Preview with #67445A

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

Preview Lab → · Contrast checker → · Palette generator →