#632EAF#632EAF

#632EAF is a dark, vivid violet. Relative luminance 0.077; OKLCH L 44.8% C 0.191 H 296.6°. Best body text is #FFFFFF at 8.27:1 contrast (WCAG AA passes).

Color values

HEX#632EAF
RGBrgb(99, 46, 175)
HSLhsl(265, 58%, 43%)
HSVhsv(265, 74%, 69%)
CMYKcmyk(43.4%, 73.7%, 0%, 31.4%)
CIE-LABlab(33.35, 50.44, -59.69)
CIE-LCHlch(33.35, 78.14, 310.20°)
OKLaboklab(44.8% 0.0854 -0.1708)
OKLCHoklch(44.8% 0.191 296.6)
XYZxyz(13.8584, 7.7015, 41.3055)
Luminance0.0770 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#632EAF #7AAF2E
analogous
#2E39AF #632EAF #A32EAF
triadic
#632EAF #AF632E #2EAF63
tetradic
#632EAF #AF2E39 #7AAF2E #2EAFA3
square
#632EAF #AF2E39 #7AAF2E #2EAFA3
split-complementary
#632EAF #AFA32E #39AF2E
monochromatic
#2C154E #48217F #632EAF #814BD0 #A37BDC

Accessibility & contrast

On white

8.27
#632EAF on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.54
#632EAF on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #632EAF
8.27:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##632EAF#FFFFFF#000000##FFFFFF
##632EAF1.008.272.548.27
#FFFFFF8.271.0021.001.00
#0000002.5421.001.0021.00
##FFFFFF8.271.0021.001.00

Color blindness preview

Protanopia (red-blind)
#004FB3
Deuteranopia (green-blind)
#004DAC
Tritanopia (blue-blind)
#4F4F6C
Achromatopsia (no color)
#4E4E4E

Design tokens & code

CSS
--color: #632eaf;
/* rgb */ color: rgb(99, 46, 175);
/* oklch */ color: oklch(44.8% 0.191 296.6);
Tailwind
colors: {
  custom: {
    50: '#966cc8',
    500: '#632eaf',
    950: '#000000',
  },
}
SCSS
$custom: #632eaf;
$custom-light: #966cc8;
$custom-dark: #000000;
JSON
{
  "hex": "#632eaf",
  "rgb": {
    "r": 99,
    "g": 46,
    "b": 175
  },
  "hsl": {
    "h": 264.651,
    "s": 58.371,
    "l": 43.333
  },
  "oklch": {
    "l": 0.44803,
    "c": 0.19099,
    "h": 296.6
  },
  "luminance": 0.07702
}

Semantic roles & 50–950 ramp

primary
#632EAF
secondary
#A4C574
accent
#E246A2
background
#F9F6FC
surface
#F2ECF8
border
#CCC7D1
text
#0E0713
muted
#7E7A82

Preview Lab

Preview with #632EAF

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

Preview Lab → · Contrast checker → · Palette generator →

#632EAF Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva