#6653E5#6653E5

#6653E5 is a mid, highly saturated blue. Relative luminance 0.147; OKLCH L 54.7% C 0.211 H 282.8°. Best body text is #FFFFFF at 5.34:1 contrast (WCAG AA passes).

Color values

HEX#6653E5
RGBrgb(102, 83, 229)
HSLhsl(248, 74%, 61%)
HSVhsv(248, 64%, 90%)
CMYKcmyk(55.5%, 63.8%, 0%, 10.2%)
CIE-LABlab(45.17, 46.58, -71.74)
CIE-LCHlch(45.17, 85.54, 303.00°)
OKLaboklab(54.7% 0.0468 -0.2062)
OKLCHoklch(54.7% 0.211 282.8)
XYZxyz(22.7112, 14.6670, 75.7478)
Luminance0.1467 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6653E5 #D2E553
analogous
#5389E5 #6653E5 #AF53E5
triadic
#6653E5 #E56653 #53E566
tetradic
#6653E5 #E55389 #D2E553 #53E5AF
square
#6653E5 #E55389 #D2E553 #53E5AF
split-complementary
#6653E5 #E5AF53 #89E553
monochromatic
#2B19A5 #3921DA #6653E5 #9588ED #C5BDF5

Accessibility & contrast

On white

5.34
#6653E5 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.93
#6653E5 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #6653E5
5.34:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6653E5#FFFFFF#000000##FFFFFF
##6653E51.005.343.935.34
#FFFFFF5.341.0021.001.00
#0000003.9321.001.0021.00
##FFFFFF5.341.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0070EA
Deuteranopia (green-blind)
#0066E2
Tritanopia (blue-blind)
#277795
Achromatopsia (no color)
#6B6B6B

Design tokens & code

CSS
--color: #6653e5;
/* rgb */ color: rgb(102, 83, 229);
/* oklch */ color: oklch(54.7% 0.211 282.8);
Tailwind
colors: {
  custom: {
    50: '#9d84ee',
    500: '#6653e5',
    950: '#000000',
  },
}
SCSS
$custom: #6653e5;
$custom-light: #9d84ee;
$custom-dark: #000000;
JSON
{
  "hex": "#6653e5",
  "rgb": {
    "r": 102,
    "g": 83,
    "b": 229
  },
  "hsl": {
    "h": 247.808,
    "s": 73.737,
    "l": 61.176
  },
  "oklch": {
    "l": 0.54702,
    "c": 0.21142,
    "h": 282.8
  },
  "luminance": 0.14668
}

Semantic roles & 50–950 ramp

primary
#6653E5
secondary
#DEE5AE
accent
#D610BC
background
#FAF8FE
surface
#F4EFFD
border
#CECAD5
text
#0F0B17
muted
#7F7C85

Preview Lab

Preview with #6653E5

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

Preview Lab → · Contrast checker → · Palette generator →

#6653E5 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva