#041D16#041D16

#041D16 is a very dark, muted teal. Relative luminance 0.010; OKLCH L 20.8% C 0.035 H 171.9°. Best body text is #FFFFFF at 17.61:1 contrast (WCAG AA passes).

Color values

HEX#041D16
RGBrgb(4, 29, 22)
HSLhsl(163, 76%, 6%)
HSVhsv(163, 86%, 11%)
CMYKcmyk(86.2%, 0%, 24.1%, 88.6%)
CIE-LABlab(8.67, -11.41, 1.92)
CIE-LCHlch(8.67, 11.57, 170.44°)
OKLaboklab(20.83% -0.0344 0.0049)
OKLCHoklch(20.83% 0.035 171.9)
XYZxyz(0.6342, 0.9624, 0.9112)
Luminance0.0096 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#041D16 #1D040B
analogous
#041D0A #041D16 #04181D
triadic
#041D16 #16041D #1D1604
tetradic
#041D16 #0A041D #1D040B #181D04
square
#041D16 #0A041D #1D040B #181D04
split-complementary
#041D16 #1D0418 #1D0A04
monochromatic
#041B14 #041B14 #041D16 #0B533F #138968

Accessibility & contrast

On white

17.61
#041D16 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.19
#041D16 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #041D16
17.61:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##041D16#FFFFFF#000000##FFFFFF
##041D161.0017.611.1917.61
#FFFFFF17.611.0021.001.00
#0000001.1921.001.0021.00
##FFFFFF17.611.0021.001.00

Color blindness preview

Protanopia (red-blind)
#1C1A16
Deuteranopia (green-blind)
#181816
Tritanopia (blue-blind)
#001D1B
Achromatopsia (no color)
#191919

Design tokens & code

CSS
--color: #041d16;
/* rgb */ color: rgb(4, 29, 22);
/* oklch */ color: oklch(20.8% 0.035 171.9);
Tailwind
colors: {
  custom: {
    50: '#485952',
    500: '#041d16',
    950: '#000000',
  },
}
SCSS
$custom: #041d16;
$custom-light: #485952;
$custom-dark: #000000;
JSON
{
  "hex": "#041d16",
  "rgb": {
    "r": 4,
    "g": 29,
    "b": 22
  },
  "hsl": {
    "h": 163.2,
    "s": 75.758,
    "l": 6.471
  },
  "oklch": {
    "l": 0.20834,
    "c": 0.03476,
    "h": 171.9
  },
  "luminance": 0.00962
}

Semantic roles & 50–950 ramp

primary
#041D16
secondary
#5F1D30
accent
#356AF2
background
#F4F5F4
surface
#E6E9E7
border
#C2C5C3
text
#000302
muted
#777878

Preview Lab

Preview with #041D16

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

Preview Lab → · Contrast checker → · Palette generator →

#041D16 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva