#0E412C#0E412C

#0E412C is a dark, moderate teal. Relative luminance 0.041; OKLCH L 33.6% C 0.065 H 161.6°. Best body text is #FFFFFF at 11.59:1 contrast (WCAG AA passes).

Color values

HEX#0E412C
RGBrgb(14, 65, 44)
HSLhsl(155, 65%, 15%)
HSVhsv(155, 78%, 25%)
CMYKcmyk(78.5%, 0%, 32.3%, 74.5%)
CIE-LABlab(23.85, -22.58, 8.09)
CIE-LCHlch(23.85, 23.98, 160.28°)
OKLaboklab(33.57% -0.0617 0.0206)
OKLCHoklch(33.57% 0.065 161.6)
XYZxyz(2.5258, 4.0555, 3.0321)
Luminance0.0406 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#0E412C #410E23
analogous
#0E4112 #0E412C #0E3C41
triadic
#0E412C #2C0E41 #412C0E
tetradic
#0E412C #120E41 #410E23 #3C410E
square
#0E412C #120E41 #410E23 #3C410E
split-complementary
#0E412C #410E3C #41120E
monochromatic
#051911 #051911 #0E412C #19734E #24A670

Accessibility & contrast

On white

11.59
#0E412C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.81
#0E412C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #0E412C
11.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##0E412C#FFFFFF#000000##FFFFFF
##0E412C1.0011.591.8111.59
#FFFFFF11.591.0021.001.00
#0000001.8121.001.0021.00
##FFFFFF11.591.0021.001.00

Color blindness preview

Protanopia (red-blind)
#403C2B
Deuteranopia (green-blind)
#39372D
Tritanopia (blue-blind)
#00413B
Achromatopsia (no color)
#393939

Design tokens & code

CSS
--color: #0e412c;
/* rgb */ color: rgb(14, 65, 44);
/* oklch */ color: oklch(33.6% 0.065 161.6);
Tailwind
colors: {
  custom: {
    50: '#557665',
    500: '#0e412c',
    950: '#000000',
  },
}
SCSS
$custom: #0e412c;
$custom-light: #557665;
$custom-dark: #000000;
JSON
{
  "hex": "#0e412c",
  "rgb": {
    "r": 14,
    "g": 65,
    "b": 44
  },
  "hsl": {
    "h": 155.294,
    "s": 64.557,
    "l": 15.49
  },
  "oklch": {
    "l": 0.3357,
    "c": 0.06508,
    "h": 161.6
  },
  "luminance": 0.04056
}

Semantic roles & 50–950 ramp

primary
#0E412C
secondary
#7C2F4F
accent
#4085E8
background
#F5F7F6
surface
#E9EDEB
border
#C5C8C6
text
#030805
muted
#787B7A

Preview Lab

Preview with #0E412C

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

Preview Lab → · Contrast checker → · Palette generator →

#0E412C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva