#549AF6#549AF6

#549AF6 is a light, vivid cyan. Relative luminance 0.317; OKLCH L 68.3% C 0.154 H 256.0°. Best body text is #000000 at 7.33:1 contrast (WCAG AA passes).

Color values

HEX#549AF6
RGBrgb(84, 154, 246)
HSLhsl(214, 90%, 65%)
HSVhsv(214, 66%, 96%)
CMYKcmyk(65.9%, 37.4%, 0%, 3.5%)
CIE-LABlab(63.05, 6.52, -52.51)
CIE-LCHlch(63.05, 52.91, 277.08°)
OKLaboklab(68.29% -0.0371 -0.1493)
OKLCHoklch(68.29% 0.154 256)
XYZxyz(31.8403, 31.6466, 91.6013)
Luminance0.3165 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#549AF6 #F6B054
analogous
#54EBF6 #549AF6 #5F54F6
triadic
#549AF6 #F6549A #9AF654
tetradic
#549AF6 #F654EB #F6B054 #54F65F
square
#549AF6 #F654EB #F6B054 #54F65F
split-complementary
#549AF6 #F65F54 #EBF654
monochromatic
#0A5BC5 #1A78F3 #549AF6 #8EBCF9 #C8DFFC

Accessibility & contrast

On white

2.86
#549AF6 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.33
#549AF6 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #549AF6
7.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##549AF6#FFFFFF#000000##000000
##549AF61.002.867.337.33
#FFFFFF2.861.0021.0021.00
#0000007.3321.001.001.00
##0000007.3321.001.001.00

Color blindness preview

Protanopia (red-blind)
#71A1FA
Deuteranopia (green-blind)
#5992F4
Tritanopia (blue-blind)
#00AFBC
Achromatopsia (no color)
#999999

Design tokens & code

CSS
--color: #549af6;
/* rgb */ color: rgb(84, 154, 246);
/* oklch */ color: oklch(68.3% 0.154 256.0);
Tailwind
colors: {
  custom: {
    50: '#93b7f9',
    500: '#549af6',
    950: '#000000',
  },
}
SCSS
$custom: #549af6;
$custom-light: #93b7f9;
$custom-dark: #000000;
JSON
{
  "hex": "#549af6",
  "rgb": {
    "r": 84,
    "g": 154,
    "b": 246
  },
  "hsl": {
    "h": 214.074,
    "s": 90,
    "l": 64.706
  },
  "oklch": {
    "l": 0.68294,
    "c": 0.15388,
    "h": 256
  },
  "luminance": 0.3165
}

Semantic roles & 50–950 ramp

primary
#549AF6
secondary
#EFD7B7
accent
#8200E6
background
#F9FBFF
surface
#F2F6FF
border
#CCD0D7
text
#0E1117
muted
#7E8085

Preview Lab

Preview with #549AF6

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

Preview Lab → · Contrast checker → · Palette generator →

#549AF6 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva