#64A7D2#64A7D2

#64A7D2 is a light, moderate cyan. Relative luminance 0.350; OKLCH L 70.1% C 0.093 H 238.2°. Best body text is #000000 at 8.00:1 contrast (WCAG AA passes).

Color values

HEX#64A7D2
RGBrgb(100, 167, 210)
HSLhsl(203, 55%, 61%)
HSVhsv(203, 52%, 82%)
CMYKcmyk(52.4%, 20.5%, 0%, 17.6%)
CIE-LABlab(65.75, -9.29, -28.40)
CIE-LCHlch(65.75, 29.88, 251.90°)
OKLaboklab(70.07% -0.049 -0.0792)
OKLCHoklch(70.07% 0.093 238.2)
XYZxyz(30.7029, 34.9974, 66.0975)
Luminance0.3500 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#64A7D2 #D28F64
analogous
#64D2C6 #64A7D2 #6470D2
triadic
#64A7D2 #D264A7 #A7D264
tetradic
#64A7D2 #C664D2 #D28F64 #70D264
square
#64A7D2 #C664D2 #D28F64 #70D264
split-complementary
#64A7D2 #D26470 #D2C664
monochromatic
#2A6991 #388BC1 #64A7D2 #93C2E0 #C3DDEE

Accessibility & contrast

On white

2.63
#64A7D2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.00
#64A7D2 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #64A7D2
8.00:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##64A7D2#FFFFFF#000000##000000
##64A7D21.002.638.008.00
#FFFFFF2.631.0021.0021.00
#0000008.0021.001.001.00
##0000008.0021.001.001.00

Color blindness preview

Protanopia (red-blind)
#94A6D4
Deuteranopia (green-blind)
#849BD1
Tritanopia (blue-blind)
#21B2B5
Achromatopsia (no color)
#A0A0A0

Design tokens & code

CSS
--color: #64a7d2;
/* rgb */ color: rgb(100, 167, 210);
/* oklch */ color: oklch(70.1% 0.093 238.2);
Tailwind
colors: {
  custom: {
    50: '#97c1e0',
    500: '#64a7d2',
    950: '#000000',
  },
}
SCSS
$custom: #64a7d2;
$custom-light: #97c1e0;
$custom-dark: #000000;
JSON
{
  "hex": "#64a7d2",
  "rgb": {
    "r": 100,
    "g": 167,
    "b": 210
  },
  "hsl": {
    "h": 203.455,
    "s": 55,
    "l": 60.784
  },
  "oklch": {
    "l": 0.70066,
    "c": 0.09312,
    "h": 238.2
  },
  "luminance": 0.35
}

Semantic roles & 50–950 ramp

primary
#64A7D2
secondary
#DEC4B4
accent
#6123C3
background
#F9FBFD
surface
#F2F7FB
border
#CCD0D4
text
#0E1215
muted
#7E8183

Preview Lab

Preview with #64A7D2

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

Preview Lab → · Contrast checker → · Palette generator →

#64A7D2 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva