#032415#032415

#032415 is a very dark, muted teal. Relative luminance 0.013; OKLCH L 23.1% C 0.049 H 159.7°. Best body text is #FFFFFF at 16.57:1 contrast (WCAG AA passes).

Color values

HEX#032415
RGBrgb(3, 36, 21)
HSLhsl(153, 85%, 8%)
HSVhsv(153, 92%, 14%)
CMYKcmyk(91.7%, 0%, 41.7%, 85.9%)
CIE-LABlab(11.52, -16.73, 6.63)
CIE-LCHlch(11.52, 18.00, 158.37°)
OKLaboklab(23.15% -0.0455 0.0168)
OKLCHoklch(23.15% 0.049 159.7)
XYZxyz(0.8037, 1.3352, 0.9247)
Luminance0.0134 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#032415 #240312
analogous
#032404 #032415 #032224
triadic
#032415 #150324 #241503
tetradic
#032415 #040324 #240312 #222403
square
#032415 #040324 #240312 #222403
split-complementary
#032415 #240322 #240403
monochromatic
#021C10 #021C10 #032415 #085C36 #0C9557

Accessibility & contrast

On white

16.57
#032415 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.27
#032415 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #032415
16.57:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##032415#FFFFFF#000000##FFFFFF
##0324151.0016.571.2716.57
#FFFFFF16.571.0021.001.00
#0000001.2721.001.0021.00
##FFFFFF16.571.0021.001.00

Color blindness preview

Protanopia (red-blind)
#232014
Deuteranopia (green-blind)
#1F1D16
Tritanopia (blue-blind)
#002420
Achromatopsia (no color)
#1F1F1F

Design tokens & code

CSS
--color: #032415;
/* rgb */ color: rgb(3, 36, 21);
/* oklch */ color: oklch(23.1% 0.049 159.7);
Tailwind
colors: {
  custom: {
    50: '#485f52',
    500: '#032415',
    950: '#000000',
  },
}
SCSS
$custom: #032415;
$custom-light: #485f52;
$custom-dark: #000000;
JSON
{
  "hex": "#032415",
  "rgb": {
    "r": 3,
    "g": 36,
    "b": 21
  },
  "hsl": {
    "h": 152.727,
    "s": 84.615,
    "l": 7.647
  },
  "oklch": {
    "l": 0.23145,
    "c": 0.04852,
    "h": 159.7
  },
  "luminance": 0.01335
}

Semantic roles & 50–950 ramp

primary
#032415
secondary
#681B3E
accent
#2D8BFB
background
#F4F5F4
surface
#E6E9E7
border
#C2C5C3
text
#000402
muted
#777978

Preview Lab

Preview with #032415

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

Preview Lab → · Contrast checker → · Palette generator →

#032415 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva