#6562F0#6562F0

#6562F0 is a mid, highly saturated blue. Relative luminance 0.178; OKLCH L 57.9% C 0.207 H 278.7°. Best body text is #FFFFFF at 4.61:1 contrast (WCAG AA passes).

Color values

HEX#6562F0
RGBrgb(101, 98, 240)
HSLhsl(241, 83%, 66%)
HSVhsv(241, 59%, 94%)
CMYKcmyk(57.9%, 59.2%, 0%, 5.9%)
CIE-LABlab(49.24, 41.09, -71.32)
CIE-LCHlch(49.24, 82.30, 299.95°)
OKLaboklab(57.92% 0.0313 -0.2049)
OKLCHoklch(57.92% 0.207 278.7)
XYZxyz(25.4577, 17.7915, 84.5138)
Luminance0.1779 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6562F0 #EDF062
analogous
#62A6F0 #6562F0 #AC62F0
triadic
#6562F0 #F06562 #62F065
tetradic
#6562F0 #F062A6 #EDF062 #62F0AC
square
#6562F0 #F062A6 #EDF062 #62F0AC
split-complementary
#6562F0 #F0AC62 #A6F062
monochromatic
#1713C5 #2E2AEB #6562F0 #9C9AF5 #D3D2FB

Accessibility & contrast

On white

4.61
#6562F0 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.56
#6562F0 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#FFFFFF on #6562F0
4.61:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6562F0#FFFFFF#000000##FFFFFF
##6562F01.004.614.564.61
#FFFFFF4.611.0021.001.00
#0000004.5621.001.0021.00
##FFFFFF4.611.0021.001.00

Color blindness preview

Protanopia (red-blind)
#007BF5
Deuteranopia (green-blind)
#006FED
Tritanopia (blue-blind)
#0084A0
Achromatopsia (no color)
#757575

Design tokens & code

CSS
--color: #6562f0;
/* rgb */ color: rgb(101, 98, 240);
/* oklch */ color: oklch(57.9% 0.207 278.7);
Tailwind
colors: {
  custom: {
    50: '#9d8ff6',
    500: '#6562f0',
    950: '#000000',
  },
}
SCSS
$custom: #6562f0;
$custom-light: #9d8ff6;
$custom-dark: #000000;
JSON
{
  "hex": "#6562f0",
  "rgb": {
    "r": 101,
    "g": 98,
    "b": 240
  },
  "hsl": {
    "h": 241.268,
    "s": 82.558,
    "l": 66.275
  },
  "oklch": {
    "l": 0.57918,
    "c": 0.20727,
    "h": 278.7
  },
  "luminance": 0.17793
}

Semantic roles & 50–950 ramp

primary
#6562F0
secondary
#EDEEC0
accent
#DF07DA
background
#FAF8FF
surface
#F4F0FF
border
#CECBD7
text
#0F0C17
muted
#7F7D85

Preview Lab

Preview with #6562F0

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

Preview Lab → · Contrast checker → · Palette generator →

#6562F0 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva