#505DDC#505DDC

#505DDC is a mid, vivid blue. Relative luminance 0.147; OKLCH L 54.1% C 0.192 H 273.7°. Best body text is #FFFFFF at 5.33:1 contrast (WCAG AA passes).

Color values

HEX#505DDC
RGBrgb(80, 93, 220)
HSLhsl(234, 67%, 59%)
HSVhsv(234, 64%, 86%)
CMYKcmyk(63.6%, 57.7%, 0%, 13.7%)
CIE-LABlab(45.22, 34.19, -66.63)
CIE-LCHlch(45.22, 74.89, 297.17°)
OKLaboklab(54.13% 0.0123 -0.1917)
OKLCHoklch(54.13% 0.192 273.7)
XYZxyz(20.1366, 14.6998, 69.4724)
Luminance0.1470 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#505DDC #DCCF50
analogous
#50A3DC #505DDC #8950DC
triadic
#505DDC #DC505D #5DDC50
tetradic
#505DDC #DC50A3 #DCCF50 #50DC89
square
#505DDC #DC50A3 #DCCF50 #50DC89
split-complementary
#505DDC #DC8950 #A3DC50
monochromatic
#1E2994 #2837C7 #505DDC #838CE6 #B6BBF0

Accessibility & contrast

On white

5.33
#505DDC on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.94
#505DDC on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #505DDC
5.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##505DDC#FFFFFF#000000##FFFFFF
##505DDC1.005.333.945.33
#FFFFFF5.331.0021.001.00
#0000003.9421.001.0021.00
##FFFFFF5.331.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0071E0
Deuteranopia (green-blind)
#0065D9
Tritanopia (blue-blind)
#007C93
Achromatopsia (no color)
#6B6B6B

Design tokens & code

CSS
--color: #505ddc;
/* rgb */ color: rgb(80, 93, 220);
/* oklch */ color: oklch(54.1% 0.192 273.7);
Tailwind
colors: {
  custom: {
    50: '#8f8ae8',
    500: '#505ddc',
    950: '#000000',
  },
}
SCSS
$custom: #505ddc;
$custom-light: #8f8ae8;
$custom-dark: #000000;
JSON
{
  "hex": "#505ddc",
  "rgb": {
    "r": 80,
    "g": 93,
    "b": 220
  },
  "hsl": {
    "h": 234.429,
    "s": 66.667,
    "l": 58.824
  },
  "oklch": {
    "l": 0.54125,
    "c": 0.19209,
    "h": 273.7
  },
  "luminance": 0.14701
}

Semantic roles & 50–950 ramp

primary
#505DDC
secondary
#DFDAA8
accent
#DA3EEA
background
#F9F8FE
surface
#F2F0FD
border
#CCCBD5
text
#0E0C16
muted
#7E7D84

Preview Lab

Preview with #505DDC

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

Preview Lab → · Contrast checker → · Palette generator →

#505DDC Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva