#260C19#260C19

#260C19 is a very dark, muted pink. Relative luminance 0.007; OKLCH L 20.2% C 0.048 H 351.0°. Best body text is #FFFFFF at 18.28:1 contrast (WCAG AA passes).

Color values

HEX	#260C19
RGB	rgb(38, 12, 25)
HSL	hsl(330, 52%, 10%)
HSV	hsv(330, 68%, 15%)
CMYK	cmyk(0%, 68.4%, 34.2%, 85.1%)
CIE-LAB	lab(6.73, 15.33, -2.76)
CIE-LCH	lch(6.73, 15.58, 349.79°)
OKLab	oklab(20.16% 0.0473 -0.0075)
OKLCH	oklch(20.16% 0.048 351)
XYZ	xyz(1.1063, 0.7453, 1.0051)
Luminance	0.0075 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#260C19 #0C2619

analogous

#260C26 #260C19 #260C0C

triadic

#260C19 #19260C #0C1926

tetradic

#260C19 #26260C #0C2619 #0C0C26

square

#260C19 #26260C #0C2619 #0C0C26

split-complementary

#260C19 #0C260C #0C2626

monochromatic

#17070F #17070F #260C19 #551B38 #832956

Accessibility & contrast

On white

18.28

#260C19 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.15

#260C19 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #260C19

18.28:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##260C19	#FFFFFF	#000000	##FFFFFF
##260C19	1.00	18.28	1.15	18.28
#FFFFFF	18.28	1.00	21.00	1.00
#000000	1.15	21.00	1.00	21.00
##FFFFFF	18.28	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#0F1219

Deuteranopia (green-blind)

#161718

Tritanopia (blue-blind)

#290B11

Achromatopsia (no color)

#151515

Design tokens & code

CSS

--color: #260c19;
/* rgb */ color: rgb(38, 12, 25);
/* oklch */ color: oklch(20.2% 0.048 351.0);

Tailwind

colors: {
  custom: {
    50: '#614c55',
    500: '#260c19',
    950: '#000000',
  },
}

SCSS

$custom: #260c19;
$custom-light: #614c55;
$custom-dark: #000000;

JSON

{
  "hex": "#260c19",
  "rgb": {
    "r": 38,
    "g": 12,
    "b": 25
  },
  "hsl": {
    "h": 330,
    "s": 52,
    "l": 9.804
  },
  "oklch": {
    "l": 0.20159,
    "c": 0.04787,
    "h": 351
  },
  "luminance": 0.00745
}

Semantic roles & 50–950 ramp

primary

#260C19

secondary

#2D6147

accent

#DB944C

background

#F5F4F4

surface

#EAE7E7

border

#C6C3C3

text

#050103

muted

#797778

Preview Lab

Preview with #260C19

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

Preview Lab → · Contrast checker → · Palette generator →