#518DCB#518DCB

#518DCB is a light, moderate cyan. Relative luminance 0.251; OKLCH L 63.0% C 0.113 H 250.8°. Best body text is #000000 at 6.02:1 contrast (WCAG AA passes).

Color values

HEX#518DCB
RGBrgb(81, 141, 203)
HSLhsl(210, 54%, 56%)
HSVhsv(210, 60%, 80%)
CMYKcmyk(60.1%, 30.5%, 0%, 20.4%)
CIE-LABlab(57.18, -0.76, -37.87)
CIE-LCHlch(57.18, 37.88, 268.86°)
OKLaboklab(62.98% -0.0373 -0.1068)
OKLCHoklch(62.98% 0.113 250.8)
XYZxyz(23.6938, 25.1087, 60.0862)
Luminance0.2511 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#518DCB #CB8F51
analogous
#51CACB #518DCB #5251CB
triadic
#518DCB #CB518D #8DCB51
tetradic
#518DCB #CB51CA #CB8F51 #51CB52
square
#518DCB #CB51CA #CB8F51 #51CB52
split-complementary
#518DCB #CB5251 #CACB51
monochromatic
#25507C #336EAC #518DCB #80ACD9 #AFCBE7

Accessibility & contrast

On white

3.49
#518DCB on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.02
#518DCB on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #518DCB
6.02:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##518DCB#FFFFFF#000000##000000
##518DCB1.003.496.026.02
#FFFFFF3.491.0021.0021.00
#0000006.0221.001.001.00
##0000006.0221.001.001.00

Color blindness preview

Protanopia (red-blind)
#7390CE
Deuteranopia (green-blind)
#6284CA
Tritanopia (blue-blind)
#009BA3
Achromatopsia (no color)
#898989

Design tokens & code

CSS
--color: #518dcb;
/* rgb */ color: rgb(81, 141, 203);
/* oklch */ color: oklch(63.0% 0.113 250.8);
Tailwind
colors: {
  custom: {
    50: '#8caedb',
    500: '#518dcb',
    950: '#000000',
  },
}
SCSS
$custom: #518dcb;
$custom-light: #8caedb;
$custom-dark: #000000;
JSON
{
  "hex": "#518dcb",
  "rgb": {
    "r": 81,
    "g": 141,
    "b": 203
  },
  "hsl": {
    "h": 210.492,
    "s": 53.982,
    "l": 55.686
  },
  "oklch": {
    "l": 0.62984,
    "c": 0.11313,
    "h": 250.8
  },
  "luminance": 0.25111
}

Semantic roles & 50–950 ramp

primary
#518DCB
secondary
#D5BCA3
accent
#954ADD
background
#F9FAFD
surface
#F1F4FB
border
#CBCED4
text
#0D1015
muted
#7E7F83

Preview Lab

Preview with #518DCB

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

Preview Lab → · Contrast checker → · Palette generator →

#518DCB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva