#407DAB#407DAB

#407DAB is a mid, moderate cyan. Relative luminance 0.187; OKLCH L 56.9% C 0.095 H 243.4°. Best body text is #000000 at 4.74:1 contrast (WCAG AA passes).

Color values

HEX#407DAB
RGBrgb(64, 125, 171)
HSLhsl(206, 46%, 46%)
HSVhsv(206, 63%, 67%)
CMYKcmyk(62.6%, 26.9%, 0%, 32.9%)
CIE-LABlab(50.33, -5.32, -30.35)
CIE-LCHlch(50.33, 30.81, 260.05°)
OKLaboklab(56.91% -0.0428 -0.0853)
OKLCHoklch(56.91% 0.095 243.4)
XYZxyz(16.7959, 18.6959, 41.2437)
Luminance0.1870 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#407DAB #AB6E40
analogous
#40ABA3 #407DAB #4047AB
triadic
#407DAB #AB407D #7DAB40
tetradic
#407DAB #A340AB #AB6E40 #47AB40
square
#407DAB #A340AB #AB6E40 #47AB40
split-complementary
#407DAB #AB4047 #ABA340
monochromatic
#1F3C52 #2F5C7E #407DAB #639BC5 #90B8D5

Accessibility & contrast

On white

4.43
#407DAB on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.74
#407DAB on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #407DAB
4.74:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##407DAB#FFFFFF#000000##000000
##407DAB1.004.434.744.74
#FFFFFF4.431.0021.0021.00
#0000004.7421.001.001.00
##0000004.7421.001.001.00

Color blindness preview

Protanopia (red-blind)
#697EAD
Deuteranopia (green-blind)
#5A73AA
Tritanopia (blue-blind)
#00888D
Achromatopsia (no color)
#787878

Design tokens & code

CSS
--color: #407dab;
/* rgb */ color: rgb(64, 125, 171);
/* oklch */ color: oklch(56.9% 0.095 243.4);
Tailwind
colors: {
  custom: {
    50: '#7fa2c4',
    500: '#407dab',
    950: '#000000',
  },
}
SCSS
$custom: #407dab;
$custom-light: #7fa2c4;
$custom-dark: #000000;
JSON
{
  "hex": "#407dab",
  "rgb": {
    "r": 64,
    "g": 125,
    "b": 171
  },
  "hsl": {
    "h": 205.794,
    "s": 45.532,
    "l": 46.078
  },
  "oklch": {
    "l": 0.56913,
    "c": 0.09545,
    "h": 243.4
  },
  "luminance": 0.18697
}

Semantic roles & 50–950 ramp

primary
#407DAB
secondary
#C19F86
accent
#8B53D5
background
#F8F9FC
surface
#EFF2F8
border
#CACCD1
text
#0B0F12
muted
#7C7E81

Preview Lab

Preview with #407DAB

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

Preview Lab → · Contrast checker → · Palette generator →

#407DAB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva