#606DF1#606DF1

#606DF1 is a mid, vivid blue. Relative luminance 0.198; OKLCH L 59.6% C 0.196 H 274.5°. Best body text is #000000 at 4.96:1 contrast (WCAG AA passes).

Color values

HEX#606DF1
RGBrgb(96, 109, 241)
HSLhsl(235, 84%, 66%)
HSVhsv(235, 60%, 95%)
CMYKcmyk(60.2%, 54.8%, 0%, 5.5%)
CIE-LABlab(51.58, 33.97, -68.10)
CIE-LCHlch(51.58, 76.10, 296.51°)
OKLaboklab(59.59% 0.0155 -0.1955)
OKLCHoklch(59.59% 0.196 274.5)
XYZxyz(26.1645, 19.7729, 85.6398)
Luminance0.1978 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#606DF1 #F1E460
analogous
#60B5F1 #606DF1 #9B60F1
triadic
#606DF1 #F1606D #6DF160
tetradic
#606DF1 #F160B5 #F1E460 #60F19B
square
#606DF1 #F160B5 #F1E460 #60F19B
split-complementary
#606DF1 #F19B60 #B5F160
monochromatic
#1121C5 #2839EC #606DF1 #98A1F6 #D0D4FB

Accessibility & contrast

On white

4.24
#606DF1 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.96
#606DF1 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #606DF1
4.96:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##606DF1#FFFFFF#000000##000000
##606DF11.004.244.964.96
#FFFFFF4.241.0021.0021.00
#0000004.9621.001.001.00
##0000004.9621.001.001.00

Color blindness preview

Protanopia (red-blind)
#0081F6
Deuteranopia (green-blind)
#0075EE
Tritanopia (blue-blind)
#008CA4
Achromatopsia (no color)
#7B7B7B

Design tokens & code

CSS
--color: #606df1;
/* rgb */ color: rgb(96, 109, 241);
/* oklch */ color: oklch(59.6% 0.196 274.5);
Tailwind
colors: {
  custom: {
    50: '#9a96f6',
    500: '#606df1',
    950: '#000000',
  },
}
SCSS
$custom: #606df1;
$custom-light: #9a96f6;
$custom-dark: #000000;
JSON
{
  "hex": "#606df1",
  "rgb": {
    "r": 96,
    "g": 109,
    "b": 241
  },
  "hsl": {
    "h": 234.621,
    "s": 83.815,
    "l": 66.078
  },
  "oklch": {
    "l": 0.59589,
    "c": 0.1961,
    "h": 274.5
  },
  "luminance": 0.19775
}

Semantic roles & 50–950 ramp

primary
#606DF1
secondary
#EEEABF
accent
#CD05E0
background
#FAF9FF
surface
#F4F2FF
border
#CECCD7
text
#0F0D17
muted
#7F7E85

Preview Lab

Preview with #606DF1

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

Preview Lab → · Contrast checker → · Palette generator →

#606DF1 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva