#646EF7#646EF7

#646EF7 is a mid, highly saturated blue. Relative luminance 0.206; OKLCH L 60.5% C 0.202 H 275.4°. Best body text is #000000 at 5.12:1 contrast (WCAG AA passes).

Color values

HEX#646EF7
RGBrgb(100, 110, 247)
HSLhsl(236, 90%, 68%)
HSVhsv(236, 60%, 97%)
CMYKcmyk(59.5%, 55.5%, 0%, 3.1%)
CIE-LABlab(52.48, 35.98, -69.97)
CIE-LCHlch(52.48, 78.68, 297.22°)
OKLaboklab(60.46% 0.0191 -0.2009)
OKLCHoklch(60.46% 0.202 275.4)
XYZxyz(27.6145, 20.5744, 90.4937)
Luminance0.2058 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#646EF7 #F7ED64
analogous
#64B8F7 #646EF7 #A364F7
triadic
#646EF7 #F7646E #6EF764
tetradic
#646EF7 #F764B8 #F7ED64 #64F7A3
square
#646EF7 #F764B8 #F7ED64 #64F7A3
split-complementary
#646EF7 #F7A364 #B8F764
monochromatic
#0B19D6 #2A38F4 #646EF7 #9EA4FA #D8DBFD

Accessibility & contrast

On white

4.11
#646EF7 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.12
#646EF7 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #646EF7
5.12:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##646EF7#FFFFFF#000000##000000
##646EF71.004.115.125.12
#FFFFFF4.111.0021.0021.00
#0000005.1221.001.001.00
##0000005.1221.001.001.00

Color blindness preview

Protanopia (red-blind)
#0084FC
Deuteranopia (green-blind)
#0077F4
Tritanopia (blue-blind)
#008EA8
Achromatopsia (no color)
#7D7D7D

Design tokens & code

CSS
--color: #646ef7;
/* rgb */ color: rgb(100, 110, 247);
/* oklch */ color: oklch(60.5% 0.202 275.4);
Tailwind
colors: {
  custom: {
    50: '#9d97fb',
    500: '#646ef7',
    950: '#000000',
  },
}
SCSS
$custom: #646ef7;
$custom-light: #9d97fb;
$custom-dark: #000000;
JSON
{
  "hex": "#646ef7",
  "rgb": {
    "r": 100,
    "g": 110,
    "b": 247
  },
  "hsl": {
    "h": 235.918,
    "s": 90.184,
    "l": 68.039
  },
  "oklch": {
    "l": 0.60456,
    "c": 0.20178,
    "h": 275.4
  },
  "luminance": 0.20577
}

Semantic roles & 50–950 ramp

primary
#646EF7
secondary
#F2EFC5
accent
#D600E6
background
#FAF9FF
surface
#F4F2FF
border
#CECCD7
text
#0F0D17
muted
#7F7E85

Preview Lab

Preview with #646EF7

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

Preview Lab → · Contrast checker → · Palette generator →

#646EF7 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva