#04023B#04023B

#04023B is a very dark, moderate blue. Relative luminance 0.004; OKLCH L 16.8% C 0.104 H 269.5°. Best body text is #FFFFFF at 19.50:1 contrast (WCAG AA passes).

Color values

HEX#04023B
RGBrgb(4, 2, 59)
HSLhsl(242, 93%, 12%)
HSVhsv(242, 97%, 23%)
CMYKcmyk(93.2%, 96.6%, 0%, 76.9%)
CIE-LABlab(3.48, 20.27, -33.81)
CIE-LCHlch(3.48, 39.42, 300.95°)
OKLaboklab(16.83% -0.001 -0.1042)
OKLCHoklch(16.83% 0.104 269.5)
XYZxyz(0.8609, 0.3849, 4.1657)
Luminance0.0039 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#04023B #393B02
analogous
#021D3B #04023B #21023B
triadic
#04023B #3B0402 #023B04
tetradic
#04023B #3B021D #393B02 #023B21
square
#04023B #3B021D #393B02 #023B21
split-complementary
#04023B #3B2102 #1D3B02
monochromatic
#02011E #02011E #04023B #080476 #0C06B1

Accessibility & contrast

On white

19.50
#04023B on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.08
#04023B on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #04023B
19.50:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##04023B#FFFFFF#000000##FFFFFF
##04023B1.0019.501.0819.50
#FFFFFF19.501.0021.001.00
#0000001.0821.001.0021.00
##FFFFFF19.501.0021.001.00

Color blindness preview

Protanopia (red-blind)
#000F3D
Deuteranopia (green-blind)
#00093A
Tritanopia (blue-blind)
#00141F
Achromatopsia (no color)
#0D0D0D

Design tokens & code

CSS
--color: #04023b;
/* rgb */ color: rgb(4, 2, 59);
/* oklch */ color: oklch(16.8% 0.104 269.5);
Tailwind
colors: {
  custom: {
    50: '#4f4672',
    500: '#04023b',
    950: '#000000',
  },
}
SCSS
$custom: #04023b;
$custom-light: #4f4672;
$custom-dark: #000000;
JSON
{
  "hex": "#04023b",
  "rgb": {
    "r": 4,
    "g": 2,
    "b": 59
  },
  "hsl": {
    "h": 242.105,
    "s": 93.443,
    "l": 11.961
  },
  "oklch": {
    "l": 0.16833,
    "c": 0.10424,
    "h": 269.5
  },
  "luminance": 0.00385
}

Semantic roles & 50–950 ramp

primary
#04023B
secondary
#7B7E1A
accent
#FF29F7
background
#F4F3F6
surface
#E7E5EC
border
#C3C1C7
text
#020008
muted
#78777B

Preview Lab

Preview with #04023B

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

Preview Lab → · Contrast checker → · Palette generator →

#04023B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva