#206EA1#206EA1

#206EA1 is a mid, moderate cyan. Relative luminance 0.140; OKLCH L 51.7% C 0.109 H 242.5°. Best body text is #FFFFFF at 5.52:1 contrast (WCAG AA passes).

Color values

HEX#206EA1
RGBrgb(32, 110, 161)
HSLhsl(204, 67%, 38%)
HSVhsv(204, 80%, 63%)
CMYKcmyk(80.1%, 31.7%, 0%, 36.9%)
CIE-LABlab(44.28, -4.85, -34.06)
CIE-LCHlch(44.28, 34.40, 261.89°)
OKLaboklab(51.69% -0.0503 -0.0966)
OKLCHoklch(51.69% 0.109 242.5)
XYZxyz(12.6021, 14.0306, 35.7553)
Luminance0.1403 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#206EA1 #A15320
analogous
#20A193 #206EA1 #202DA1
triadic
#206EA1 #A1206E #6EA120
tetradic
#206EA1 #9320A1 #A15320 #2DA120
square
#206EA1 #9320A1 #A15320 #2DA120
split-complementary
#206EA1 #A1202D #A19320
monochromatic
#0C283B #164B6E #206EA1 #2A91D4 #5DABDF

Accessibility & contrast

On white

5.52
#206EA1 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.81
#206EA1 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #206EA1
5.52:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##206EA1#FFFFFF#000000##FFFFFF
##206EA11.005.523.815.52
#FFFFFF5.521.0021.001.00
#0000003.8121.001.0021.00
##FFFFFF5.521.0021.001.00

Color blindness preview

Protanopia (red-blind)
#566FA3
Deuteranopia (green-blind)
#4463A0
Tritanopia (blue-blind)
#007B80
Achromatopsia (no color)
#696969

Design tokens & code

CSS
--color: #206ea1;
/* rgb */ color: rgb(32, 110, 161);
/* oklch */ color: oklch(51.7% 0.109 242.5);
Tailwind
colors: {
  custom: {
    50: '#7097bd',
    500: '#206ea1',
    950: '#000000',
  },
}
SCSS
$custom: #206ea1;
$custom-light: #7097bd;
$custom-dark: #000000;
JSON
{
  "hex": "#206ea1",
  "rgb": {
    "r": 32,
    "g": 110,
    "b": 161
  },
  "hsl": {
    "h": 203.721,
    "s": 66.839,
    "l": 37.843
  },
  "oklch": {
    "l": 0.51686,
    "c": 0.10889,
    "h": 242.5
  },
  "luminance": 0.14032
}

Semantic roles & 50–950 ramp

primary
#206EA1
secondary
#C3835A
accent
#823EEA
background
#F7F9FB
surface
#EDF2F6
border
#C8CCD0
text
#090D12
muted
#7B7E81

Preview Lab

Preview with #206EA1

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

Preview Lab → · Contrast checker → · Palette generator →

#206EA1 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva