What is color #de3163?
The color Cherry (#de3163) belongs to the pink family and reads as charming. It sits at 343° on the color wheel with 72% saturation.
Designers in sports and cosmetics often reach for this mid pink when they want to communicate romance.
#de3163 sits within a hue band where many cultures associate meaning. To deploy it effectively, extend it across large surfaces for immersive impact or contrast it sharply with #31deac.
Conversions for #de3163
HEX
#de3163
RGB
222, 49, 99
HSL
343°, 72%, 53%
HSV
343°, 78%, 87%
CMYK
0%, 78%, 55%, 13%
XYZ
33.47, 18.63, 13.64
CIE-Lab
50.25, 67.55, 14.16
Web safe
#cc3366
WCAG accessibility of #de3163 (Cherry)
On white
4.44 : 1
Sample #de3163
Rating: AA Large
On black
4.73 : 1
Sample #de3163
Rating: AA
Tones of Cherry (desaturated variations of #de3163)
Color harmonies for #de3163
Colors similar to #de3163
Gradients featuring #de3163
Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous
UI elements in #de3163
Buttons
NewFeaturedBeta
Notification
Short description with accent.
"Color awakens a specific emotional response."
Typography in #de3163
The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?
Body text rendered in #de3163.
const color = "#de3163";
CSS & Tailwind snippets for #de3163
Background
.bg-de3163 { background-color: #de3163; }Text color
.text-de3163 { color: #de3163; }Border
.border-de3163 { border: 1px solid #de3163; }Box shadow
.shadow-de3163 { box-shadow: 0 4px 14px #de316340; }CSS variable
:root { --color-de3163: #de3163; }Tailwind config
colors: {
'cherry': '#de3163',
}