#220235#220235

#220235 is a very dark, moderate violet. Relative luminance 0.006; OKLCH L 19.8% C 0.095 H 308.9°. Best body text is #FFFFFF at 18.61:1 contrast (WCAG AA passes).

Color values

HEX	#220235
RGB	rgb(34, 2, 53)
HSL	hsl(278, 93%, 11%)
HSV	hsv(278, 96%, 21%)
CMYK	cmyk(35.8%, 96.2%, 0%, 79.2%)
CIE-LAB	lab(5.79, 26.40, -25.55)
CIE-LCH	lch(5.79, 36.74, 315.93°)
OKLab	oklab(19.84% 0.0596 -0.0739)
OKLCH	oklch(19.84% 0.095 308.9)
XYZ	xyz(1.3239, 0.6406, 3.4214)
Luminance	0.0064 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#220235 #153502

analogous

#080235 #220235 #35022E

triadic

#220235 #352202 #023522

tetradic

#220235 #350802 #153502 #022E35

square

#220235 #350802 #153502 #022E35

split-complementary

#220235 #2E3502 #023508

monochromatic

#13011D #13011D #220235 #480470 #6E06AB

Accessibility & contrast

On white

18.61

#220235 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.13

#220235 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #220235

18.61:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##220235	#FFFFFF	#000000	##FFFFFF
##220235	1.00	18.61	1.13	18.61
#FFFFFF	18.61	1.00	21.00	1.00
#000000	1.13	21.00	1.00	21.00
##FFFFFF	18.61	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#001236

Deuteranopia (green-blind)

#001334

Tritanopia (blue-blind)

#1F0E1C

Achromatopsia (no color)

#131313

Design tokens & code

CSS

--color: #220235;
/* rgb */ color: rgb(34, 2, 53);
/* oklch */ color: oklch(19.8% 0.095 308.9);

Tailwind

colors: {
  custom: {
    50: '#60476d',
    500: '#220235',
    950: '#000000',
  },
}

SCSS

$custom: #220235;
$custom-light: #60476d;
$custom-dark: #000000;

JSON

{
  "hex": "#220235",
  "rgb": {
    "r": 34,
    "g": 2,
    "b": 53
  },
  "hsl": {
    "h": 277.647,
    "s": 92.727,
    "l": 10.784
  },
  "oklch": {
    "l": 0.19841,
    "c": 0.0949,
    "h": 308.9
  },
  "luminance": 0.00641
}

Semantic roles & 50–950 ramp

primary

#220235

secondary

#3D791A

accent

#FF2979

background

#F5F4F6

surface

#EAE6EB

border

#C6C2C6

text

#050007

muted

#79777A

Preview Lab

Preview with #220235

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

Preview Lab → · Contrast checker → · Palette generator →