#702DBA#702DBA

#702DBA is a mid, highly saturated violet. Relative luminance 0.089; OKLCH L 47.1% C 0.205 H 300.0°. Best body text is #FFFFFF at 7.57:1 contrast (WCAG AA passes).

Color values

HEX#702DBA
RGBrgb(112, 45, 186)
HSLhsl(269, 61%, 45%)
HSVhsv(269, 76%, 73%)
CMYKcmyk(39.8%, 75.8%, 0%, 27.1%)
CIE-LABlab(35.73, 55.86, -62.28)
CIE-LCHlch(35.73, 83.66, 311.89°)
OKLaboklab(47.12% 0.1027 -0.1779)
OKLCHoklch(47.12% 0.205 300)
XYZxyz(16.4812, 8.8665, 47.2880)
Luminance0.0887 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#702DBA #77BA2D
analogous
#2D30BA #702DBA #B72DBA
triadic
#702DBA #BA702D #2DBA70
tetradic
#702DBA #BA2D30 #77BA2D #2DBAB7
square
#702DBA #BA2D30 #77BA2D #2DBAB7
split-complementary
#702DBA #BAB72D #30BA2D
monochromatic
#351557 #522189 #702DBA #8F50D5 #AE81E0

Accessibility & contrast

On white

7.57
#702DBA on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.77
#702DBA on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #702DBA
7.57:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##702DBA#FFFFFF#000000##FFFFFF
##702DBA1.007.572.777.57
#FFFFFF7.571.0021.001.00
#0000002.7721.001.0021.00
##FFFFFF7.571.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0054BE
Deuteranopia (green-blind)
#0053B7
Tritanopia (blue-blind)
#5F5272
Achromatopsia (no color)
#545454

Design tokens & code

CSS
--color: #702dba;
/* rgb */ color: rgb(112, 45, 186);
/* oklch */ color: oklch(47.1% 0.205 300.0);
Tailwind
colors: {
  custom: {
    50: '#a06dd0',
    500: '#702dba',
    950: '#000000',
  },
}
SCSS
$custom: #702dba;
$custom-light: #a06dd0;
$custom-dark: #000000;
JSON
{
  "hex": "#702dba",
  "rgb": {
    "r": 112,
    "g": 45,
    "b": 186
  },
  "hsl": {
    "h": 268.511,
    "s": 61.039,
    "l": 45.294
  },
  "oklch": {
    "l": 0.47115,
    "c": 0.20546,
    "h": 300
  },
  "luminance": 0.08867
}

Semantic roles & 50–950 ramp

primary
#702DBA
secondary
#A3C979
accent
#E44498
background
#FAF6FC
surface
#F4ECF9
border
#CEC7D2
text
#0F0714
muted
#7F7A82

Preview Lab

Preview with #702DBA

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

Preview Lab → · Contrast checker → · Palette generator →

#702DBA Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva