#C43FD0#C43FD0
#C43FD0 is a mid, highly saturated purple. Relative luminance 0.198; OKLCH L 61.4% C 0.233 H 324.3°. Best body text is #000000 at 4.97:1 contrast (WCAG AA passes).
Color values
| HEX | #C43FD0 |
|---|---|
| RGB | rgb(196, 63, 208) |
| HSL | hsl(295, 61%, 53%) |
| HSV | hsv(295, 70%, 82%) |
| CMYK | cmyk(5.8%, 69.7%, 0%, 18.4%) |
| CIE-LAB | lab(51.66, 69.86, -48.75) |
| CIE-LCH | lch(51.66, 85.19, 325.09°) |
| OKLab | oklab(61.37% 0.1892 -0.1357) |
| OKLCH | oklch(61.37% 0.233 324.3) |
| XYZ | xyz(35.9267, 19.8471, 61.6008) |
| Luminance | 0.1984 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Purple Pink
#D725DE
ΔE00 3.19
Mediumorchid
#BA55D3
ΔE00 3.62
Purpley Pink
#C83CB9
ΔE00 4.13
Pinkish Purple
#D648D7
ΔE00 4.34
Pinky Purple
#C94CBE
ΔE00 4.41
Hot Purple
#CB00F5
ΔE00 5.78
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#C43FD0 #4BD03F
analogous
#7B3FD0 #C43FD0 #D03F94
triadic
#C43FD0 #D0C43F #3FD0C4
tetradic
#C43FD0 #D07B3F #4BD03F #3F94D0
square
#C43FD0 #D07B3F #4BD03F #3F94D0
split-complementary
#C43FD0 #94D03F #3FD07B
monochromatic
#701D77 #9E29A9 #C43FD0 #D370DC #E2A1E8
Accessibility & contrast
On white
4.23
#C43FD0 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.97
#C43FD0 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #C43FD0
4.97:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##C43FD0 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C43FD0 | 1.00 | 4.23 | 4.97 | 4.97 |
| #FFFFFF | 4.23 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.97 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.97 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#1471D4
Deuteranopia (green-blind)
#5A81CC
Tritanopia (blue-blind)
#C85783
Achromatopsia (no color)
#7B7B7B
Design tokens & code
CSS
--color: #c43fd0; /* rgb */ color: rgb(196, 63, 208); /* oklch */ color: oklch(61.4% 0.233 324.3);
Tailwind
colors: {
custom: {
50: '#da80df',
500: '#c43fd0',
950: '#000000',
},
}SCSS
$custom: #c43fd0; $custom-light: #da80df; $custom-dark: #000000;
JSON
{
"hex": "#c43fd0",
"rgb": {
"r": 196,
"g": 63,
"b": 208
},
"hsl": {
"h": 295.034,
"s": 60.669,
"l": 53.137
},
"oklch": {
"l": 0.61366,
"c": 0.23285,
"h": 324.3
},
"luminance": 0.19845
}Semantic roles & 50–950 ramp
primary
#C43FD0
secondary
#9BD596
accent
#E44451
background
#FDF8FD
surface
#FBEFFB
border
#D4CAD4
text
#150B15
muted
#837C83