#C24168
≈ palevioletred · rgb(194, 65, 104)
Color formats
HEX#C24168
RGBrgb(194, 65, 104)
HSLhsl(342, 51%, 51%)
HSVhsv(342, 66%, 76%)
OKLCHoklch(57% 0.17 6)
CMYKcmyk(0%, 66%, 46%, 24%)
Contrast & accessibility
On white4.94:1AA pass
On black4.25:1below AA
Best text color#FFFFFF
Nearest CSS name: palevioletred
Copy-ready code
CSS custom properties
:root {
--palevioletred: #c24168;
--palevioletred-rgb: 194 65 104;
--palevioletred-oklch: oklch(57% 0.17 6);
}The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--palevioletred-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#c24168] text-[#c24168] border-[#c24168]
Shades & tints
50
#EFE8EA
100
#E7D9DD
200
#D9B8C2
300
#CE94A5
400
#C66C87
500
#C24168
600
#993654
700
#702B40
800
#491E2B
900
#231016
950
#11080B
Color harmonies
Complementary
#41C29B
Analogous −30°
#C241A8
Analogous +30°
#C25B41
Triadic +120°
#68C241
Triadic −120°
#4168C2
About this color
#C24168 is a color with the RGB value rgb(194, 65, 104). Its closest CSS named color is "palevioletred". On this page you'll find every format (HEX, RGB, HSL, HSV, OKLCH, CMYK), WCAG contrast against white and black, a full 50–950 shade scale, and complementary, analogous and triadic harmonies — each linking to its own color page.