#042237#042237

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

Color values

HEX#042237
RGBrgb(4, 34, 55)
HSLhsl(205, 86%, 12%)
HSVhsv(205, 93%, 22%)
CMYKcmyk(92.7%, 38.2%, 0%, 78.4%)
CIE-LABlab(12.26, -1.88, -16.77)
CIE-LCHlch(12.26, 16.88, 263.62°)
OKLaboklab(24.24% -0.0238 -0.0477)
OKLCHoklch(24.24% 0.053 243.5)
XYZxyz(1.3114, 1.4455, 3.8236)
Luminance0.0145 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#042237 #371904
analogous
#043733 #042237 #040937
triadic
#042237 #370422 #223704
tetradic
#042237 #330437 #371904 #093704
square
#042237 #330437 #371904 #093704
split-complementary
#042237 #370409 #373304
monochromatic
#02121D #02121D #042237 #084570 #0C69A9

Accessibility & contrast

On white

16.29
#042237 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.29
#042237 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #042237
16.29:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##042237#FFFFFF#000000##FFFFFF
##0422371.0016.291.2916.29
#FFFFFF16.291.0021.001.00
#0000001.2921.001.0021.00
##FFFFFF16.291.0021.001.00

Color blindness preview

Protanopia (red-blind)
#182338
Deuteranopia (green-blind)
#111E37
Tritanopia (blue-blind)
#00272A
Achromatopsia (no color)
#202020

Design tokens & code

CSS
--color: #042237;
/* rgb */ color: rgb(4, 34, 55);
/* oklch */ color: oklch(24.2% 0.053 243.5);
Tailwind
colors: {
  custom: {
    50: '#4d5c6e',
    500: '#042237',
    950: '#000000',
  },
}
SCSS
$custom: #042237;
$custom-light: #4d5c6e;
$custom-dark: #000000;
JSON
{
  "hex": "#042237",
  "rgb": {
    "r": 4,
    "g": 34,
    "b": 55
  },
  "hsl": {
    "h": 204.706,
    "s": 86.441,
    "l": 11.569
  },
  "oklch": {
    "l": 0.24242,
    "c": 0.05327,
    "h": 243.5
  },
  "luminance": 0.01446
}

Semantic roles & 50–950 ramp

primary
#042237
secondary
#79431E
accent
#812BFD
background
#F4F5F6
surface
#E7E9EB
border
#C3C5C6
text
#020407
muted
#78797A

Preview Lab

Preview with #042237

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

Preview Lab → · Contrast checker → · Palette generator →

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