#6C5CFB#6C5CFB

#6C5CFB is a mid, highly saturated blue. Relative luminance 0.178; OKLCH L 58.3% C 0.227 H 281.3°. Best body text is #FFFFFF at 4.60:1 contrast (WCAG AA passes).

Color values

HEX#6C5CFB
RGBrgb(108, 92, 251)
HSLhsl(246, 95%, 67%)
HSVhsv(246, 63%, 98%)
CMYKcmyk(57%, 63.3%, 0%, 1.6%)
CIE-LABlab(49.26, 49.08, -77.41)
CIE-LCHlch(49.26, 91.66, 302.38°)
OKLaboklab(58.32% 0.0443 -0.2226)
OKLCHoklch(58.32% 0.227 281.3)
XYZxyz(27.4186, 17.8056, 93.2401)
Luminance0.1781 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6C5CFB #EBFB5C
analogous
#5C9BFB #6C5CFB #BC5CFB
triadic
#6C5CFB #FB6C5C #5CFB6C
tetradic
#6C5CFB #FB5C9B #EBFB5C #5CFBBC
square
#6C5CFB #FB5C9B #EBFB5C #5CFBBC
split-complementary
#6C5CFB #FBBC5C #9BFB5C
monochromatic
#1A05D7 #3620FA #6C5CFB #A298FC #D8D3FE

Accessibility & contrast

On white

4.60
#6C5CFB on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.56
#6C5CFB on #000000
AA ✓AA large ✓AAA ✗

Best text color

#FFFFFF on #6C5CFB
4.60:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6C5CFB#FFFFFF#000000##FFFFFF
##6C5CFB1.004.604.564.60
#FFFFFF4.601.0021.001.00
#0000004.5621.001.0021.00
##FFFFFF4.601.0021.001.00

Color blindness preview

Protanopia (red-blind)
#007BFF
Deuteranopia (green-blind)
#006FF8
Tritanopia (blue-blind)
#1584A3
Achromatopsia (no color)
#757575

Design tokens & code

CSS
--color: #6c5cfb;
/* rgb */ color: rgb(108, 92, 251);
/* oklch */ color: oklch(58.3% 0.227 281.3);
Tailwind
colors: {
  custom: {
    50: '#a38bfe',
    500: '#6c5cfb',
    950: '#000000',
  },
}
SCSS
$custom: #6c5cfb;
$custom-light: #a38bfe;
$custom-dark: #000000;
JSON
{
  "hex": "#6c5cfb",
  "rgb": {
    "r": 108,
    "g": 92,
    "b": 251
  },
  "hsl": {
    "h": 246.038,
    "s": 95.21,
    "l": 67.255
  },
  "oklch": {
    "l": 0.58318,
    "c": 0.227,
    "h": 281.3
  },
  "luminance": 0.17807
}

Semantic roles & 50–950 ramp

primary
#6C5CFB
secondary
#EDF2C0
accent
#E600CE
background
#FAF8FF
surface
#F4F0FF
border
#CECBD7
text
#100C18
muted
#7F7D86

Preview Lab

Preview with #6C5CFB

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

Preview Lab → · Contrast checker → · Palette generator →

#6C5CFB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva