#11241B#11241B

#11241B is a very dark, muted teal. Relative luminance 0.015; OKLCH L 24.1% C 0.031 H 162.4°. Best body text is #FFFFFF at 16.25:1 contrast (WCAG AA passes).

Color values

HEX#11241B
RGBrgb(17, 36, 27)
HSLhsl(152, 36%, 10%)
HSVhsv(152, 53%, 14%)
CMYKcmyk(52.8%, 0%, 25%, 85.9%)
CIE-LABlab(12.35, -10.50, 3.61)
CIE-LCHlch(12.35, 11.11, 161.02°)
OKLaboklab(24.07% -0.0292 0.0093)
OKLCHoklch(24.07% 0.031 162.4)
XYZxyz(1.0598, 1.4600, 1.2627)
Luminance0.0146 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#11241B #24111A
analogous
#112411 #11241B #112324
triadic
#11241B #1B1124 #241B11
tetradic
#11241B #111124 #24111A #232411
square
#11241B #111124 #24111A #232411
split-complementary
#11241B #241123 #241111
monochromatic
#0A1510 #0A1510 #11241B #254E3A #387759

Accessibility & contrast

On white

16.25
#11241B on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.29
#11241B on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #11241B
16.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##11241B#FFFFFF#000000##FFFFFF
##11241B1.0016.251.2916.25
#FFFFFF16.251.0021.001.00
#0000001.2921.001.0021.00
##FFFFFF16.251.0021.001.00

Color blindness preview

Protanopia (red-blind)
#23221B
Deuteranopia (green-blind)
#201F1C
Tritanopia (blue-blind)
#0C2421
Achromatopsia (no color)
#202020

Design tokens & code

CSS
--color: #11241b;
/* rgb */ color: rgb(17, 36, 27);
/* oklch */ color: oklch(24.1% 0.031 162.4);
Tailwind
colors: {
  custom: {
    50: '#505e57',
    500: '#11241b',
    950: '#000000',
  },
}
SCSS
$custom: #11241b;
$custom-light: #505e57;
$custom-dark: #000000;
JSON
{
  "hex": "#11241b",
  "rgb": {
    "r": 17,
    "g": 36,
    "b": 27
  },
  "hsl": {
    "h": 151.579,
    "s": 35.849,
    "l": 10.392
  },
  "oklch": {
    "l": 0.24065,
    "c": 0.03068,
    "h": 162.4
  },
  "luminance": 0.0146
}

Semantic roles & 50–950 ramp

primary
#11241B
secondary
#5B3647
accent
#5C91CC
background
#F4F5F5
surface
#E7E9E9
border
#C3C5C5
text
#020403
muted
#787978

Preview Lab

Preview with #11241B

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

Preview Lab → · Contrast checker → · Palette generator →

#11241B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva