#644FE0#644FE0

#644FE0 is a mid, highly saturated blue. Relative luminance 0.137; OKLCH L 53.5% C 0.210 H 283.3°. Best body text is #FFFFFF at 5.62:1 contrast (WCAG AA passes).

Color values

HEX#644FE0
RGBrgb(100, 79, 224)
HSLhsl(249, 70%, 59%)
HSVhsv(249, 65%, 88%)
CMYKcmyk(55.4%, 64.7%, 0%, 12.2%)
CIE-LABlab(43.77, 47.02, -71.20)
CIE-LCHlch(43.77, 85.32, 303.44°)
OKLaboklab(53.52% 0.0483 -0.2046)
OKLCHoklch(53.52% 0.21 283.3)
XYZxyz(21.5019, 13.6818, 72.0144)
Luminance0.1368 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#644FE0 #CBE04F
analogous
#4F82E0 #644FE0 #AD4FE0
triadic
#644FE0 #E0644F #4FE064
tetradic
#644FE0 #E04F82 #CBE04F #4FE0AD
square
#644FE0 #E04F82 #CBE04F #4FE0AD
split-complementary
#644FE0 #E0AD4F #82E04F
monochromatic
#2D1B9A #3D24CE #644FE0 #9283E9 #C0B7F2

Accessibility & contrast

On white

5.62
#644FE0 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.74
#644FE0 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #644FE0
5.62:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##644FE0#FFFFFF#000000##FFFFFF
##644FE01.005.623.745.62
#FFFFFF5.621.0021.001.00
#0000003.7421.001.0021.00
##FFFFFF5.621.0021.001.00

Color blindness preview

Protanopia (red-blind)
#006CE5
Deuteranopia (green-blind)
#0063DD
Tritanopia (blue-blind)
#277391
Achromatopsia (no color)
#676767

Design tokens & code

CSS
--color: #644fe0;
/* rgb */ color: rgb(100, 79, 224);
/* oklch */ color: oklch(53.5% 0.210 283.3);
Tailwind
colors: {
  custom: {
    50: '#9b82eb',
    500: '#644fe0',
    950: '#000000',
  },
}
SCSS
$custom: #644fe0;
$custom-light: #9b82eb;
$custom-dark: #000000;
JSON
{
  "hex": "#644fe0",
  "rgb": {
    "r": 100,
    "g": 79,
    "b": 224
  },
  "hsl": {
    "h": 248.69,
    "s": 70.048,
    "l": 59.412
  },
  "oklch": {
    "l": 0.53523,
    "c": 0.21027,
    "h": 283.3
  },
  "luminance": 0.13683
}

Semantic roles & 50–950 ramp

primary
#644FE0
secondary
#D9E2A9
accent
#ED3BD3
background
#FAF8FE
surface
#F4EFFD
border
#CECAD5
text
#0F0A16
muted
#7F7C84

Preview Lab

Preview with #644FE0

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

Preview Lab → · Contrast checker → · Palette generator →

#644FE0 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva