About Cerise
Cerise is the hex color #DE3163, which translates to rgb(222, 49, 99) in RGB and hsl(343, 72%, 53%) in HSL. On the color wheel it sits at 343 degrees, with a saturation of 72 percent and a lightness of 53 percent. Its OKLCH chroma of 0.208 is high, so Cerise is one of the more vivid pink tones here and is easy to overuse at large sizes.
How Cerise compares
The closest standard CSS keyword is crimson (#DC143C), a CIE76 distance of 20.0 away in CIELAB. That is a visible difference, so the keyword is not a substitute here. In the Tailwind CSS 4.3.1 palette the nearest token is pink-700 (#C6005C), at a distance of 10.9. Inside this library the closest neighbour is Ruby at 6.8. Sorted by lightness, Cerise is number 9 of the 27 pink colors here.
Text on Cerise
None of the five text colors below clears WCAG AA for normal text on Cerise. That does not make Cerise unusable, it makes it a background for large text or a decorative surface rather than a body-text background. The ratios are computed with the WCAG relative luminance formula, the same one the contrast checker uses, which opens with Cerise already loaded as the background.
| Text color | Ratio | AA normal | AA large | AAA normal |
|---|---|---|---|---|
| White #FFFFFF | 4.44:1 | Fail | Pass | Fail |
| Ink black #0F0F12 | 4.31:1 | Fail | Pass | Fail |
| Mid grey #6B7280 | 1.09:1 | Fail | Fail | Fail |
| Dark grey #374151 | 2.32:1 | Fail | Fail | Fail |
| Light grey #E5E7EB | 3.59:1 | Fail | Pass | Fail |
Building a palette around Cerise
The pairings above give you three classic starting points. The complementary color sits opposite on the wheel and works well as an accent that draws the eye. The analogous colors sit right beside Cerise for calmer, harmonious combinations. The triadic pair spaces three hues evenly for a balanced, energetic palette. Open any swatch to explore it as its own color, or open the palette generator with Cerise locked and let it fill in the rest.
Full values for Cerise
| Format | Value |
|---|---|
| HEX | #DE3163 |
| RGB | rgb(222, 49, 99) |
| HSL | hsl(343, 72%, 53%) |
| HSV | hsv(343, 78%, 87%) |
| CMYK | cmyk(0%, 78%, 55%, 13%) |
| OKLCH | oklch(59.79% 0.2080 9.89) |
| CIELAB | lab(50.25 67.53 14.17) |
Frequently asked questions
What is the RGB value of Cerise?
Cerise (#DE3163) is rgb(222, 49, 99): 222 red, 49 green and 99 blue on the 0 to 255 scale. Red leads at 222, blue follows at 99 and green trails at 49, which puts the hue at 343 degrees. In HSL the same color is hsl(343, 72%, 53%).
What colour is #DE3163?
#DE3163 is Cerise, a mid pink colour with a hue of 343 degrees, 72% saturation and 53% lightness. For print the CMYK breakdown is 0% cyan, 78% magenta, 55% yellow and 13% black. Its nearest neighbour in this library is Ruby, 6.8 away in CIELAB, a difference you can see.
Is Cerise a CSS color name?
No. Cerise is not one of the 148 CSS named colors, so write it as #DE3163. The nearest keyword is crimson (#DC143C), a CIE76 distance of 20.0: far enough that the keyword reads as a different color.
What colors go with Cerise?
Opposite Cerise on the color wheel sits the complementary #31DEAC, the boldest accent by hue. For a calmer scheme use the analogous neighbours #DE31B9 and #DE5631; for a balanced three-color scheme use the triadic pair #63DE31 and #3163DE (close to Royal Blue). Of these, #31DEAC has the most contrast against Cerise, at 2.58:1, so pair it by hue, not for legibility.
What text color is readable on Cerise?
None of the 5 common text colors tested reaches the WCAG AA minimum of 4.5:1 for normal text on Cerise. The best is white at 4.44:1, enough for large text (3:1) but not for body copy.
Use Cerise in a tool
Nearby colors
Last updated by FusionStudios. Every value on this page is computed by the same functions the tools use. How this is calculated.