#072138#072138

#072138 is a very dark, muted cyan. Relative luminance 0.014; OKLCH L 24.2% C 0.054 H 248.6°. Best body text is #FFFFFF at 16.36:1 contrast (WCAG AA passes).

Color values

HEX#072138
RGBrgb(7, 33, 56)
HSLhsl(208, 78%, 12%)
HSVhsv(208, 88%, 22%)
CMYKcmyk(87.5%, 41.1%, 0%, 78%)
CIE-LABlab(12.08, -0.09, -17.76)
CIE-LCHlch(12.08, 17.76, 269.71°)
OKLaboklab(24.16% -0.0198 -0.0505)
OKLCHoklch(24.16% 0.054 248.6)
XYZxyz(1.3450, 1.4183, 3.9435)
Luminance0.0142 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#072138 #381E07
analogous
#073837 #072138 #070938
triadic
#072138 #380721 #213807
tetradic
#072138 #370738 #381E07 #093807
square
#072138 #370738 #381E07 #093807
split-complementary
#072138 #380709 #383707
monochromatic
#03101B #03101B #072138 #0E416E #1561A5

Accessibility & contrast

On white

16.36
#072138 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.28
#072138 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #072138
16.36:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##072138#FFFFFF#000000##FFFFFF
##0721381.0016.361.2816.36
#FFFFFF16.361.0021.001.00
#0000001.2821.001.0021.00
##FFFFFF16.361.0021.001.00

Color blindness preview

Protanopia (red-blind)
#162239
Deuteranopia (green-blind)
#0F1E38
Tritanopia (blue-blind)
#002629
Achromatopsia (no color)
#202020

Design tokens & code

CSS
--color: #072138;
/* rgb */ color: rgb(7, 33, 56);
/* oklch */ color: oklch(24.2% 0.054 248.6);
Tailwind
colors: {
  custom: {
    50: '#4f5b6e',
    500: '#072138',
    950: '#000000',
  },
}
SCSS
$custom: #072138;
$custom-light: #4f5b6e;
$custom-dark: #000000;
JSON
{
  "hex": "#072138",
  "rgb": {
    "r": 7,
    "g": 33,
    "b": 56
  },
  "hsl": {
    "h": 208.163,
    "s": 77.778,
    "l": 12.353
  },
  "oklch": {
    "l": 0.24158,
    "c": 0.05424,
    "h": 248.6
  },
  "luminance": 0.01418
}

Semantic roles & 50–950 ramp

primary
#072138
secondary
#784B23
accent
#8E34F4
background
#F4F5F6
surface
#E7E9EC
border
#C3C5C7
text
#020407
muted
#78797A

Preview Lab

Preview with #072138

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

Preview Lab → · Contrast checker → · Palette generator →

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