#204B5D#204B5D

#204B5D is a dark, muted cyan. Relative luminance 0.061; OKLCH L 39.1% C 0.056 H 228.2°. Best body text is #FFFFFF at 9.43:1 contrast (WCAG AA passes).

Color values

HEX#204B5D
RGBrgb(32, 75, 93)
HSLhsl(198, 49%, 25%)
HSVhsv(198, 66%, 36%)
CMYKcmyk(65.6%, 19.4%, 0%, 63.5%)
CIE-LABlab(29.74, -8.71, -15.05)
CIE-LCHlch(29.74, 17.39, 239.93°)
OKLaboklab(39.07% -0.0375 -0.042)
OKLCHoklch(39.07% 0.056 228.2)
XYZxyz(5.0868, 6.1290, 11.2688)
Luminance0.0613 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#204B5D #5D3220
analogous
#205D51 #204B5D #202D5D
triadic
#204B5D #5D204B #4B5D20
tetradic
#204B5D #51205D #5D3220 #2D5D20
square
#204B5D #51205D #5D3220 #2D5D20
split-complementary
#204B5D #5D202D #5D5120
monochromatic
#081217 #10262F #204B5D #30708B #3F94B8

Accessibility & contrast

On white

9.43
#204B5D on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.23
#204B5D on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #204B5D
9.43:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##204B5D#FFFFFF#000000##FFFFFF
##204B5D1.009.432.239.43
#FFFFFF9.431.0021.001.00
#0000002.2321.001.0021.00
##FFFFFF9.431.0021.001.00

Color blindness preview

Protanopia (red-blind)
#424A5E
Deuteranopia (green-blind)
#39435D
Tritanopia (blue-blind)
#005051
Achromatopsia (no color)
#464646

Design tokens & code

CSS
--color: #204b5d;
/* rgb */ color: rgb(32, 75, 93);
/* oklch */ color: oklch(39.1% 0.056 228.2);
Tailwind
colors: {
  custom: {
    50: '#627d8b',
    500: '#204b5d',
    950: '#000000',
  },
}
SCSS
$custom: #204b5d;
$custom-light: #627d8b;
$custom-dark: #000000;
JSON
{
  "hex": "#204b5d",
  "rgb": {
    "r": 32,
    "g": 75,
    "b": 93
  },
  "hsl": {
    "h": 197.705,
    "s": 48.8,
    "l": 24.51
  },
  "oklch": {
    "l": 0.39066,
    "c": 0.0563,
    "h": 228.2
  },
  "luminance": 0.0613
}

Semantic roles & 50–950 ramp

primary
#204B5D
secondary
#915D47
accent
#784FD8
background
#F6F7F8
surface
#EBEEF0
border
#C6C9CB
text
#05090C
muted
#7A7B7D

Preview Lab

Preview with #204B5D

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

Preview Lab → · Contrast checker → · Palette generator →

#204B5D Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva