#519BCE#519BCE

#519BCE is a light, moderate cyan. Relative luminance 0.296; OKLCH L 66.3% C 0.106 H 241.0°. Best body text is #000000 at 6.93:1 contrast (WCAG AA passes).

Color values

HEX#519BCE
RGBrgb(81, 155, 206)
HSLhsl(204, 56%, 56%)
HSVhsv(204, 61%, 81%)
CMYKcmyk(60.7%, 24.8%, 0%, 19.2%)
CIE-LABlab(61.35, -7.78, -33.05)
CIE-LCHlch(61.35, 33.95, 256.76°)
OKLaboklab(66.31% -0.0515 -0.0928)
OKLCHoklch(66.31% 0.106 241)
XYZxyz(26.2511, 29.6457, 62.7193)
Luminance0.2965 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#519BCE #CE8451
analogous
#51CEC3 #519BCE #515DCE
triadic
#519BCE #CE519B #9BCE51
tetradic
#519BCE #C351CE #CE8451 #5DCE51
square
#519BCE #C351CE #CE8451 #5DCE51
split-complementary
#519BCE #CE515D #CEC351
monochromatic
#245B80 #327DB0 #519BCE #81B6DB #B1D2E9

Accessibility & contrast

On white

3.03
#519BCE on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.93
#519BCE on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #519BCE
6.93:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##519BCE#FFFFFF#000000##000000
##519BCE1.003.036.936.93
#FFFFFF3.031.0021.0021.00
#0000006.9321.001.001.00
##0000006.9321.001.001.00

Color blindness preview

Protanopia (red-blind)
#849BD0
Deuteranopia (green-blind)
#738FCD
Tritanopia (blue-blind)
#00A8AC
Achromatopsia (no color)
#949494

Design tokens & code

CSS
--color: #519bce;
/* rgb */ color: rgb(81, 155, 206);
/* oklch */ color: oklch(66.3% 0.106 241.0);
Tailwind
colors: {
  custom: {
    50: '#8cb8dd',
    500: '#519bce',
    950: '#000000',
  },
}
SCSS
$custom: #519bce;
$custom-light: #8cb8dd;
$custom-dark: #000000;
JSON
{
  "hex": "#519bce",
  "rgb": {
    "r": 81,
    "g": 155,
    "b": 206
  },
  "hsl": {
    "h": 204.48,
    "s": 56.054,
    "l": 56.275
  },
  "oklch": {
    "l": 0.66313,
    "c": 0.10608,
    "h": 241
  },
  "luminance": 0.29648
}

Semantic roles & 50–950 ramp

primary
#519BCE
secondary
#D7B9A4
accent
#8648DF
background
#F9FBFD
surface
#F1F6FB
border
#CBD0D4
text
#0D1115
muted
#7E8083

Preview Lab

Preview with #519BCE

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

Preview Lab → · Contrast checker → · Palette generator →

#519BCE Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva