#5279DB#5279DB

#5279DB is a mid, vivid blue. Relative luminance 0.206; OKLCH L 59.6% C 0.156 H 265.6°. Best body text is #000000 at 5.12:1 contrast (WCAG AA passes).

Color values

HEX#5279DB
RGBrgb(82, 121, 219)
HSLhsl(223, 66%, 59%)
HSVhsv(223, 63%, 86%)
CMYKcmyk(62.6%, 44.7%, 0%, 14.1%)
CIE-LABlab(52.49, 16.82, -54.33)
CIE-LCHlch(52.49, 56.88, 287.20°)
OKLaboklab(59.62% -0.0119 -0.1551)
OKLCHoklch(59.62% 0.156 265.6)
XYZxyz(23.0988, 20.5810, 69.7593)
Luminance0.2058 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5279DB #DBB452
analogous
#52BDDB #5279DB #7052DB
triadic
#5279DB #DB5279 #79DB52
tetradic
#5279DB #DB52BD #DBB452 #52DB70
square
#5279DB #DB52BD #DBB452 #52DB70
split-complementary
#5279DB #DB7052 #BDDB52
monochromatic
#1F4094 #2956C6 #5279DB #85A0E6 #B7C7F0

Accessibility & contrast

On white

4.10
#5279DB on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.12
#5279DB on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #5279DB
5.12:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5279DB#FFFFFF#000000##000000
##5279DB1.004.105.125.12
#FFFFFF4.101.0021.0021.00
#0000005.1221.001.001.00
##0000005.1221.001.001.00

Color blindness preview

Protanopia (red-blind)
#4A84DF
Deuteranopia (green-blind)
#3477D9
Tritanopia (blue-blind)
#008F9F
Achromatopsia (no color)
#7D7D7D

Design tokens & code

CSS
--color: #5279db;
/* rgb */ color: rgb(82, 121, 219);
/* oklch */ color: oklch(59.6% 0.156 265.6);
Tailwind
colors: {
  custom: {
    50: '#8f9fe7',
    500: '#5279db',
    950: '#000000',
  },
}
SCSS
$custom: #5279db;
$custom-light: #8f9fe7;
$custom-dark: #000000;
JSON
{
  "hex": "#5279db",
  "rgb": {
    "r": 82,
    "g": 121,
    "b": 219
  },
  "hsl": {
    "h": 222.92,
    "s": 65.55,
    "l": 59.02
  },
  "oklch": {
    "l": 0.59625,
    "c": 0.15561,
    "h": 265.6
  },
  "luminance": 0.20583
}

Semantic roles & 50–950 ramp

primary
#5279DB
secondary
#DFD0AA
accent
#B83FE9
background
#F9F9FE
surface
#F2F2FC
border
#CCCCD5
text
#0D0E16
muted
#7E7E84

Preview Lab

Preview with #5279DB

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

Preview Lab → · Contrast checker → · Palette generator →

#5279DB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva