#111F26#111F26

#111F26 is a very dark, muted cyan. Relative luminance 0.012; OKLCH L 23.0% C 0.024 H 230.8°. Best body text is #FFFFFF at 16.83:1 contrast (WCAG AA passes).

Color values

HEX	#111F26
RGB	rgb(17, 31, 38)
HSL	hsl(200, 38%, 11%)
HSV	hsv(200, 55%, 15%)
CMYK	cmyk(55.3%, 18.4%, 0%, 85.1%)
CIE-LAB	lab(10.84, -3.61, -6.63)
CIE-LCH	lch(10.84, 7.55, 241.46°)
OKLab	oklab(22.99% -0.0149 -0.0183)
OKLCH	oklch(22.99% 0.024 230.8)
XYZ	xyz(1.0709, 1.2390, 2.0161)
Luminance	0.0124 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#111F26 #261811

analogous

#112622 #111F26 #111426

triadic

#111F26 #26111F #1F2611

tetradic

#111F26 #221126 #261811 #142611

square

#111F26 #221126 #261811 #142611

split-complementary

#111F26 #261114 #262211

monochromatic

#091115 #091115 #111F26 #244150 #37647B

Accessibility & contrast

On white

16.83

#111F26 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.25

#111F26 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #111F26

16.83:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##111F26	#FFFFFF	#000000	##FFFFFF
##111F26	1.00	16.83	1.25	16.83
#FFFFFF	16.83	1.00	21.00	1.00
#000000	1.25	21.00	1.00	21.00
##FFFFFF	16.83	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#1C1E26

Deuteranopia (green-blind)

#191C26

Tritanopia (blue-blind)

#082121

Achromatopsia (no color)

#1D1D1D

Design tokens & code

CSS

--color: #111f26;
/* rgb */ color: rgb(17, 31, 38);
/* oklch */ color: oklch(23.0% 0.024 230.8);

Tailwind

colors: {
  custom: {
    50: '#505a60',
    500: '#111f26',
    950: '#000000',
  },
}

SCSS

$custom: #111f26;
$custom-light: #505a60;
$custom-dark: #000000;

JSON

{
  "hex": "#111f26",
  "rgb": {
    "r": 17,
    "g": 31,
    "b": 38
  },
  "hsl": {
    "h": 200,
    "s": 38.182,
    "l": 10.784
  },
  "oklch": {
    "l": 0.22993,
    "c": 0.02363,
    "h": 230.8
  },
  "luminance": 0.01239
}

Semantic roles & 50–950 ramp

primary

#111F26

secondary

#5D4336

accent

#805ACE

background

#F4F5F5

surface

#E7E9E9

border

#C3C5C5

text

#020304

muted

#787879

Preview Lab

Preview with #111F26

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

Preview Lab → · Contrast checker → · Palette generator →