#AF6CED#AF6CED
#AF6CED is a light, vivid violet. Relative luminance 0.260; OKLCH L 65.9% C 0.192 H 305.8°. Best body text is #000000 at 6.19:1 contrast (WCAG AA passes).
Color values
| HEX | #AF6CED |
|---|---|
| RGB | rgb(175, 108, 237) |
| HSL | hsl(271, 78%, 68%) |
| HSV | hsv(271, 54%, 93%) |
| CMYK | cmyk(26.2%, 54.4%, 0%, 7.1%) |
| CIE-LAB | lab(57.99, 50.45, -55.19) |
| CIE-LCH | lch(57.99, 74.78, 312.43°) |
| OKLab | oklab(65.91% 0.112 -0.1554) |
| OKLCH | oklch(65.91% 0.192 305.8) |
| XYZ | xyz(38.3246, 25.9538, 83.0949) |
| Luminance | 0.2595 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Light Urple
#B36FF6
ΔE00 1.57
Easter Purple
#C071FE
ΔE00 3.69
Light Purple
#BF77F6
ΔE00 4.03
Bright Lavender
#C760FF
ΔE00 4.53
Bright Lilac
#C95EFB
ΔE00 4.80
Lighter Purple
#A55AF4
ΔE00 4.88
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#AF6CED #AAED6C
analogous
#6F6CED #AF6CED #ED6CEA
triadic
#AF6CED #EDAF6C #6CEDAF
tetradic
#AF6CED #ED6F6C #AAED6C #6CEAED
square
#AF6CED #ED6F6C #AAED6C #6CEAED
split-complementary
#AF6CED #EAED6C #6CED6F
monochromatic
#7318C6 #9135E6 #AF6CED #CDA3F4 #EAD9FA
Accessibility & contrast
On white
3.39
#AF6CED on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.19
#AF6CED on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #AF6CED
6.19:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##AF6CED | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AF6CED | 1.00 | 3.39 | 6.19 | 6.19 |
| #FFFFFF | 3.39 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.19 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.19 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#3F89F1
Deuteranopia (green-blind)
#568CEA
Tritanopia (blue-blind)
#A584A2
Achromatopsia (no color)
#8B8B8B
Design tokens & code
CSS
--color: #af6ced; /* rgb */ color: rgb(175, 108, 237); /* oklch */ color: oklch(65.9% 0.192 305.8);
Tailwind
colors: {
custom: {
50: '#ca98f3',
500: '#af6ced',
950: '#000000',
},
}SCSS
$custom: #af6ced; $custom-light: #ca98f3; $custom-dark: #000000;
JSON
{
"hex": "#af6ced",
"rgb": {
"r": 175,
"g": 108,
"b": 237
},
"hsl": {
"h": 271.163,
"s": 78.182,
"l": 67.647
},
"oklch": {
"l": 0.65911,
"c": 0.19153,
"h": 305.8
},
"luminance": 0.25954
}Semantic roles & 50–950 ramp
primary
#AF6CED
secondary
#DAEEC6
accent
#DA0B6F
background
#FCF9FE
surface
#F9F2FD
border
#D2CCD5
text
#140E17
muted
#827E85