#03241C#03241C

#03241C is a very dark, muted teal. Relative luminance 0.014; OKLCH L 23.4% C 0.041 H 173.3°. Best body text is #FFFFFF at 16.50:1 contrast (WCAG AA passes).

Color values

HEX#03241C
RGBrgb(3, 36, 28)
HSLhsl(165, 85%, 8%)
HSVhsv(165, 92%, 14%)
CMYKcmyk(91.7%, 0%, 22.2%, 85.9%)
CIE-LABlab(11.72, -14.58, 1.90)
CIE-LCHlch(11.72, 14.70, 172.57°)
OKLaboklab(23.38% -0.0411 0.0048)
OKLCHoklch(23.38% 0.041 173.3)
XYZxyz(0.8779, 1.3648, 1.3156)
Luminance0.0137 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#03241C #24030B
analogous
#03240C #03241C #031B24
triadic
#03241C #1C0324 #241C03
tetradic
#03241C #0C0324 #24030B #1B2403
square
#03241C #0C0324 #24030B #1B2403
split-complementary
#03241C #24031B #240C03
monochromatic
#021C16 #021C16 #03241C #085C48 #0C9574

Accessibility & contrast

On white

16.50
#03241C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.27
#03241C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #03241C
16.50:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##03241C#FFFFFF#000000##FFFFFF
##03241C1.0016.501.2716.50
#FFFFFF16.501.0021.001.00
#0000001.2721.001.0021.00
##FFFFFF16.501.0021.001.00

Color blindness preview

Protanopia (red-blind)
#22211C
Deuteranopia (green-blind)
#1E1E1D
Tritanopia (blue-blind)
#002422
Achromatopsia (no color)
#1F1F1F

Design tokens & code

CSS
--color: #03241c;
/* rgb */ color: rgb(3, 36, 28);
/* oklch */ color: oklch(23.4% 0.041 173.3);
Tailwind
colors: {
  custom: {
    50: '#485f57',
    500: '#03241c',
    950: '#000000',
  },
}
SCSS
$custom: #03241c;
$custom-light: #485f57;
$custom-dark: #000000;
JSON
{
  "hex": "#03241c",
  "rgb": {
    "r": 3,
    "g": 36,
    "b": 28
  },
  "hsl": {
    "h": 165.455,
    "s": 84.615,
    "l": 7.647
  },
  "oklch": {
    "l": 0.23378,
    "c": 0.04139,
    "h": 173.3
  },
  "luminance": 0.01365
}

Semantic roles & 50–950 ramp

primary
#03241C
secondary
#681B2D
accent
#2D5FFB
background
#F4F5F5
surface
#E7E9E9
border
#C3C5C5
text
#010403
muted
#777978

Preview Lab

Preview with #03241C

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

Preview Lab → · Contrast checker → · Palette generator →

#03241C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva