#20244F#20244F

#20244F is a dark, moderate blue. Relative luminance 0.021; OKLCH L 28.2% C 0.078 H 276.2°. Best body text is #FFFFFF at 14.72:1 contrast (WCAG AA passes).

Color values

HEX#20244F
RGBrgb(32, 36, 79)
HSLhsl(235, 42%, 22%)
HSVhsv(235, 59%, 31%)
CMYKcmyk(59.5%, 54.4%, 0%, 69%)
CIE-LABlab(16.17, 12.70, -27.13)
CIE-LCHlch(16.17, 29.95, 295.10°)
OKLaboklab(28.22% 0.0084 -0.0774)
OKLCHoklch(28.22% 0.078 276.2)
XYZxyz(2.6374, 2.1332, 7.6684)
Luminance0.0213 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#20244F #4F4B20
analogous
#203C4F #20244F #34204F
triadic
#20244F #4F2024 #244F20
tetradic
#20244F #4F203C #4F4B20 #204F34
square
#20244F #4F203C #4F4B20 #204F34
split-complementary
#20244F #4F3420 #3C4F20
monochromatic
#090A16 #0E1023 #20244F #32387B #434CA6

Accessibility & contrast

On white

14.72
#20244F on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.43
#20244F on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #20244F
14.72:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##20244F#FFFFFF#000000##FFFFFF
##20244F1.0014.721.4314.72
#FFFFFF14.721.0021.001.00
#0000001.4321.001.0021.00
##FFFFFF14.721.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0F2A51
Deuteranopia (green-blind)
#09264E
Tritanopia (blue-blind)
#092E35
Achromatopsia (no color)
#282828

Design tokens & code

CSS
--color: #20244f;
/* rgb */ color: rgb(32, 36, 79);
/* oklch */ color: oklch(28.2% 0.078 276.2);
Tailwind
colors: {
  custom: {
    50: '#605e81',
    500: '#20244f',
    950: '#000000',
  },
}
SCSS
$custom: #20244f;
$custom-light: #605e81;
$custom-dark: #000000;
JSON
{
  "hex": "#20244f",
  "rgb": {
    "r": 32,
    "g": 36,
    "b": 79
  },
  "hsl": {
    "h": 234.894,
    "s": 42.342,
    "l": 21.765
  },
  "oklch": {
    "l": 0.28224,
    "c": 0.07786,
    "h": 276.2
  },
  "luminance": 0.02133
}

Semantic roles & 50–950 ramp

primary
#20244F
secondary
#837E47
accent
#C856D2
background
#F5F5F7
surface
#EAE9EE
border
#C6C5C9
text
#05040A
muted
#79797C

Preview Lab

Preview with #20244F

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

Preview Lab → · Contrast checker → · Palette generator →

#20244F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva