#053835#053835

#053835 is a dark, muted teal. Relative luminance 0.031; OKLCH L 30.9% C 0.051 H 188.8°. Best body text is #FFFFFF at 12.93:1 contrast (WCAG AA passes).

Color values

HEX#053835
RGBrgb(5, 56, 53)
HSLhsl(176, 84%, 12%)
HSVhsv(176, 91%, 22%)
CMYKcmyk(91.1%, 0%, 5.4%, 78%)
CIE-LABlab(20.51, -16.64, -2.74)
CIE-LCHlch(20.51, 16.86, 189.36°)
OKLaboklab(30.86% -0.05 -0.0077)
OKLCHoklch(30.86% 0.051 188.8)
XYZxyz(2.1191, 3.1174, 3.8575)
Luminance0.0312 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#053835 #380508
analogous
#05381C #053835 #052238
triadic
#053835 #350538 #383505
tetradic
#053835 #1C0538 #380508 #223805
square
#053835 #1C0538 #380508 #223805
split-complementary
#053835 #380522 #381C05
monochromatic
#031C1B #031C1B #053835 #0A706A #0FA89F

Accessibility & contrast

On white

12.93
#053835 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.62
#053835 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #053835
12.93:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##053835#FFFFFF#000000##FFFFFF
##0538351.0012.931.6212.93
#FFFFFF12.931.0021.001.00
#0000001.6221.001.0021.00
##FFFFFF12.931.0021.001.00

Color blindness preview

Protanopia (red-blind)
#343435
Deuteranopia (green-blind)
#2D2F35
Tritanopia (blue-blind)
#003A37
Achromatopsia (no color)
#313131

Design tokens & code

CSS
--color: #053835;
/* rgb */ color: rgb(5, 56, 53);
/* oklch */ color: oklch(30.9% 0.051 188.8);
Tailwind
colors: {
  custom: {
    50: '#506f6c',
    500: '#053835',
    950: '#000000',
  },
}
SCSS
$custom: #053835;
$custom-light: #506f6c;
$custom-dark: #000000;
JSON
{
  "hex": "#053835",
  "rgb": {
    "r": 5,
    "g": 56,
    "b": 53
  },
  "hsl": {
    "h": 176.471,
    "s": 83.607,
    "l": 11.961
  },
  "oklch": {
    "l": 0.30859,
    "c": 0.05058,
    "h": 188.8
  },
  "luminance": 0.03118
}

Semantic roles & 50–950 ramp

primary
#053835
secondary
#792025
accent
#2E3AFA
background
#F4F6F6
surface
#E7ECEB
border
#C3C7C6
text
#020706
muted
#787A7A

Preview Lab

Preview with #053835

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

Preview Lab → · Contrast checker → · Palette generator →

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