#602B98#602B98

#602B98 is a dark, vivid violet. Relative luminance 0.065; OKLCH L 42.2% C 0.169 H 301.7°. Best body text is #FFFFFF at 9.14:1 contrast (WCAG AA passes).

Color values

HEX#602B98
RGBrgb(96, 43, 152)
HSLhsl(269, 56%, 38%)
HSVhsv(269, 72%, 60%)
CMYKcmyk(36.8%, 71.7%, 0%, 40.4%)
CIE-LABlab(30.60, 45.40, -50.31)
CIE-LCHlch(30.60, 67.77, 312.06°)
OKLaboklab(42.18% 0.0887 -0.1433)
OKLCHoklch(42.18% 0.169 301.7)
XYZxyz(11.3539, 6.4815, 30.3526)
Luminance0.0648 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#602B98 #63982B
analogous
#2B2D98 #602B98 #962B98
triadic
#602B98 #98602B #2B9860
tetradic
#602B98 #982B2D #63982B #2B9896
square
#602B98 #982B2D #63982B #2B9896
split-complementary
#602B98 #98962B #2D982B
monochromatic
#241039 #421E68 #602B98 #7E39C7 #9D69D5

Accessibility & contrast

On white

9.14
#602B98 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.30
#602B98 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #602B98
9.14:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##602B98#FFFFFF#000000##FFFFFF
##602B981.009.142.309.14
#FFFFFF9.141.0021.001.00
#0000002.3021.001.0021.00
##FFFFFF9.141.0021.001.00

Color blindness preview

Protanopia (red-blind)
#00479B
Deuteranopia (green-blind)
#004796
Tritanopia (blue-blind)
#54455E
Achromatopsia (no color)
#484848

Design tokens & code

CSS
--color: #602b98;
/* rgb */ color: rgb(96, 43, 152);
/* oklch */ color: oklch(42.2% 0.169 301.7);
Tailwind
colors: {
  custom: {
    50: '#9269b7',
    500: '#602b98',
    950: '#000000',
  },
}
SCSS
$custom: #602b98;
$custom-light: #9269b7;
$custom-dark: #000000;
JSON
{
  "hex": "#602b98",
  "rgb": {
    "r": 96,
    "g": 43,
    "b": 152
  },
  "hsl": {
    "h": 269.174,
    "s": 55.897,
    "l": 38.235
  },
  "oklch": {
    "l": 0.42183,
    "c": 0.16854,
    "h": 301.7
  },
  "luminance": 0.06482
}

Semantic roles & 50–950 ramp

primary
#602B98
secondary
#91BB64
accent
#DF4996
background
#F9F6FB
surface
#F2EBF6
border
#CCC6D0
text
#0D0611
muted
#7E7A80

Preview Lab

Preview with #602B98

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

Preview Lab → · Contrast checker → · Palette generator →

#602B98 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva