#072D1C#072D1C

#072D1C is a dark, muted teal. Relative luminance 0.020; OKLCH L 26.5% C 0.053 H 159.7°. Best body text is #FFFFFF at 14.99:1 contrast (WCAG AA passes).

Color values

HEX#072D1C
RGBrgb(7, 45, 28)
HSLhsl(153, 73%, 10%)
HSVhsv(153, 84%, 18%)
CMYKcmyk(84.4%, 0%, 37.8%, 82.4%)
CIE-LABlab(15.52, -18.28, 7.26)
CIE-LCHlch(15.52, 19.67, 158.35°)
OKLaboklab(26.53% -0.0498 0.0184)
OKLCHoklch(26.53% 0.053 159.7)
XYZxyz(1.2355, 2.0056, 1.4204)
Luminance0.0201 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#072D1C #2D0718
analogous
#072D09 #072D1C #072B2D
triadic
#072D1C #1C072D #2D1C07
tetradic
#072D1C #09072D #2D0718 #2B2D07
square
#072D1C #09072D #2D0718 #2B2D07
split-complementary
#072D1C #2D072B #2D0907
monochromatic
#041A10 #041A10 #072D1C #0F623D #17975E

Accessibility & contrast

On white

14.99
#072D1C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.40
#072D1C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #072D1C
14.99:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##072D1C#FFFFFF#000000##FFFFFF
##072D1C1.0014.991.4014.99
#FFFFFF14.991.0021.001.00
#0000001.4021.001.0021.00
##FFFFFF14.991.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2C291B
Deuteranopia (green-blind)
#27251D
Tritanopia (blue-blind)
#002D28
Achromatopsia (no color)
#272727

Design tokens & code

CSS
--color: #072d1c;
/* rgb */ color: rgb(7, 45, 28);
/* oklch */ color: oklch(26.5% 0.053 159.7);
Tailwind
colors: {
  custom: {
    50: '#4d6658',
    500: '#072d1c',
    950: '#000000',
  },
}
SCSS
$custom: #072d1c;
$custom-light: #4d6658;
$custom-dark: #000000;
JSON
{
  "hex": "#072d1c",
  "rgb": {
    "r": 7,
    "g": 45,
    "b": 28
  },
  "hsl": {
    "h": 153.158,
    "s": 73.077,
    "l": 10.196
  },
  "oklch": {
    "l": 0.26535,
    "c": 0.05309,
    "h": 159.7
  },
  "luminance": 0.02006
}

Semantic roles & 50–950 ramp

primary
#072D1C
secondary
#6D2344
accent
#388AF0
background
#F4F6F5
surface
#E7EBE9
border
#C3C6C5
text
#010603
muted
#777A78

Preview Lab

Preview with #072D1C

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

Preview Lab → · Contrast checker → · Palette generator →

#072D1C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva