Radix Colors
Pink 10
#CF3897CSS Values
CSS Variablevar(--pink-10)
HEX#CF3897
RGBrgb(207, 56, 151)
HSLhsl(322, 61%, 52%)
HSL (modern)hsl(322deg 61% 52%)
OKLCHoklch(59.6% 0.2074 347deg)
Dark mode equivalent
Pink Dark 10
#DE51A8
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 4.5:1AA: PassAAA: FailAA Large: Pass
AaText on black
Ratio: 4.67:1AA: PassAAA: FailAA Large: Pass
Other Pink steps
Nearest Named Colors
See allBootstrap 5pink-500
Crayolared-violet
CSS Namedmediumvioletred
RAL Classic4010
Ant Designmagenta-7
Tailwind CSSpink-600
Munsell5RP-5-12
Open Colorpink-7
Material Designpink-400
iOS HIGaccessible-pink