#213653#213653

#213653 is a dark, muted cyan. Relative luminance 0.036; OKLCH L 33.0% C 0.058 H 256.7°. Best body text is #FFFFFF at 12.23:1 contrast (WCAG AA passes).

Color values

HEX#213653
RGBrgb(33, 54, 83)
HSLhsl(215, 43%, 23%)
HSVhsv(215, 60%, 33%)
CMYKcmyk(60.2%, 34.9%, 0%, 67.5%)
CIE-LABlab(22.25, 1.58, -20.15)
CIE-LCHlch(22.25, 20.22, 274.48°)
OKLaboklab(33% -0.0134 -0.0568)
OKLCHoklch(33% 0.058 256.7)
XYZxyz(3.5072, 3.5859, 8.6893)
Luminance0.0359 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#213653 #533E21
analogous
#214F53 #213653 #252153
triadic
#213653 #532136 #365321
tetradic
#213653 #53214F #533E21 #215325
square
#213653 #53214F #533E21 #215325
split-complementary
#213653 #532521 #4F5321
monochromatic
#090E16 #101A27 #213653 #32527F #446FAB

Accessibility & contrast

On white

12.23
#213653 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.72
#213653 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #213653
12.23:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##213653#FFFFFF#000000##FFFFFF
##2136531.0012.231.7212.23
#FFFFFF12.231.0021.001.00
#0000001.7221.001.0021.00
##FFFFFF12.231.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2A3854
Deuteranopia (green-blind)
#243352
Tritanopia (blue-blind)
#033C40
Achromatopsia (no color)
#353535

Design tokens & code

CSS
--color: #213653;
/* rgb */ color: rgb(33, 54, 83);
/* oklch */ color: oklch(33.0% 0.058 256.7);
Tailwind
colors: {
  custom: {
    50: '#616c83',
    500: '#213653',
    950: '#000000',
  },
}
SCSS
$custom: #213653;
$custom-light: #616c83;
$custom-dark: #000000;
JSON
{
  "hex": "#213653",
  "rgb": {
    "r": 33,
    "g": 54,
    "b": 83
  },
  "hsl": {
    "h": 214.8,
    "s": 43.103,
    "l": 22.745
  },
  "oklch": {
    "l": 0.33004,
    "c": 0.05837,
    "h": 256.7
  },
  "luminance": 0.03586
}

Semantic roles & 50–950 ramp

primary
#213653
secondary
#876D49
accent
#9E55D3
background
#F5F6F8
surface
#EAEBEF
border
#C6C6CA
text
#05070A
muted
#797A7C

Preview Lab

Preview with #213653

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

Preview Lab → · Contrast checker → · Palette generator →

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