#5298EE#5298EE

#5298EE is a light, vivid cyan. Relative luminance 0.304; OKLCH L 67.3% C 0.146 H 254.8°. Best body text is #000000 at 7.08:1 contrast (WCAG AA passes).

Color values

HEX#5298EE
RGBrgb(82, 152, 238)
HSLhsl(213, 82%, 63%)
HSVhsv(213, 66%, 93%)
CMYKcmyk(65.5%, 36.1%, 0%, 6.7%)
CIE-LABlab(62.02, 4.67, -49.76)
CIE-LCHlch(62.02, 49.98, 275.36°)
OKLaboklab(67.33% -0.0385 -0.1413)
OKLCHoklch(67.33% 0.146 254.8)
XYZxyz(30.1349, 30.4203, 85.1559)
Luminance0.3042 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5298EE #EEA852
analogous
#52E6EE #5298EE #5A52EE
triadic
#5298EE #EE5298 #98EE52
tetradic
#5298EE #EE52E6 #EEA852 #52EE5A
square
#5298EE #EE52E6 #EEA852 #52EE5A
split-complementary
#5298EE #EE5A52 #E6EE52
monochromatic
#125AB4 #1A77E9 #5298EE #8AB9F3 #C1DAF9

Accessibility & contrast

On white

2.96
#5298EE on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.08
#5298EE on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5298EE
7.08:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5298EE#FFFFFF#000000##000000
##5298EE1.002.967.087.08
#FFFFFF2.961.0021.0021.00
#0000007.0821.001.001.00
##0000007.0821.001.001.00

Color blindness preview

Protanopia (red-blind)
#729EF2
Deuteranopia (green-blind)
#5C8FEC
Tritanopia (blue-blind)
#00ACB8
Achromatopsia (no color)
#969696

Design tokens & code

CSS
--color: #5298ee;
/* rgb */ color: rgb(82, 152, 238);
/* oklch */ color: oklch(67.3% 0.146 254.8);
Tailwind
colors: {
  custom: {
    50: '#91b5f4',
    500: '#5298ee',
    950: '#000000',
  },
}
SCSS
$custom: #5298ee;
$custom-light: #91b5f4;
$custom-dark: #000000;
JSON
{
  "hex": "#5298ee",
  "rgb": {
    "r": 82,
    "g": 152,
    "b": 238
  },
  "hsl": {
    "h": 213.077,
    "s": 82.105,
    "l": 62.745
  },
  "oklch": {
    "l": 0.67334,
    "c": 0.14648,
    "h": 254.8
  },
  "luminance": 0.30423
}

Semantic roles & 50–950 ramp

primary
#5298EE
secondary
#EAD1B2
accent
#7E07DE
background
#F9FBFE
surface
#F2F6FD
border
#CCD0D5
text
#0E1117
muted
#7E8085

Preview Lab

Preview with #5298EE

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

Preview Lab → · Contrast checker → · Palette generator →

#5298EE Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva