#6039DC#6039DC

#6039DC is a mid, highly saturated violet. Relative luminance 0.106; OKLCH L 49.8% C 0.230 H 285.5°. Best body text is #FFFFFF at 6.74:1 contrast (WCAG AA passes).

Color values

HEX#6039DC
RGBrgb(96, 57, 220)
HSLhsl(254, 70%, 54%)
HSVhsv(254, 74%, 86%)
CMYKcmyk(56.4%, 74.1%, 0%, 13.7%)
CIE-LABlab(38.86, 56.91, -76.97)
CIE-LCHlch(38.86, 95.72, 306.48°)
OKLaboklab(49.83% 0.0613 -0.2216)
OKLCHoklch(49.83% 0.23 285.5)
XYZxyz(19.2014, 10.5792, 68.7265)
Luminance0.1058 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6039DC #B5DC39
analogous
#3964DC #6039DC #B239DC
triadic
#6039DC #DC6039 #39DC60
tetradic
#6039DC #DC3964 #B5DC39 #39DCB2
square
#6039DC #DC3964 #B5DC39 #39DCB2
split-complementary
#6039DC #DCB239 #64DC39
monochromatic
#311783 #4520B7 #6039DC #8A6DE5 #B4A1EE

Accessibility & contrast

On white

6.74
#6039DC on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.12
#6039DC on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #6039DC
6.74:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6039DC#FFFFFF#000000##FFFFFF
##6039DC1.006.743.126.74
#FFFFFF6.741.0021.001.00
#0000003.1221.001.0021.00
##FFFFFF6.741.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0060E1
Deuteranopia (green-blind)
#0057D9
Tritanopia (blue-blind)
#226788
Achromatopsia (no color)
#5B5B5B

Design tokens & code

CSS
--color: #6039dc;
/* rgb */ color: rgb(96, 57, 220);
/* oklch */ color: oklch(49.8% 0.230 285.5);
Tailwind
colors: {
  custom: {
    50: '#9a74e8',
    500: '#6039dc',
    950: '#000000',
  },
}
SCSS
$custom: #6039dc;
$custom-light: #9a74e8;
$custom-dark: #000000;
JSON
{
  "hex": "#6039dc",
  "rgb": {
    "r": 96,
    "g": 57,
    "b": 220
  },
  "hsl": {
    "h": 254.356,
    "s": 69.957,
    "l": 54.314
  },
  "oklch": {
    "l": 0.49825,
    "c": 0.22995,
    "h": 285.5
  },
  "luminance": 0.1058
}

Semantic roles & 50–950 ramp

primary
#6039DC
secondary
#CADB96
accent
#ED3BC2
background
#FAF7FE
surface
#F4EDFD
border
#CEC8D5
text
#0F0816
muted
#7F7B84

Preview Lab

Preview with #6039DC

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

Preview Lab → · Contrast checker → · Palette generator →

#6039DC Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva