Cerise is a lively, pink-red color. Positioned between pink and red on the color wheel, this bold hue feels spirited and fun. It's close to fuchsia and raspberry shades. In design, use cerise to add energy and vibrancy, perfect for playful or modern themes.
Cerise is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #DE3163
- RGB value: 87.1% red, 19.2% green, 38.8% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as Cerise, consider:
- Neon Pink (#ff13f0): Shares a vibrant and electric hue, echoing cerise's boldness and intensity with a similar pink vibrancy.
- Hot Pink (#ff46a2): Offers a lively and striking pink tone, closely aligned with cerise in its vivid and bright characteristics.
- Rose red (#fa003f): Exhibits an intense red-pink mixture, maintaining cerise's daring and eye-catching flair through its vivid saturation.
- Magenta (#fd3db5): Features a vivid pinkish-purple tint, channeling cerise's energetic and playful nature in its lively color expression.
To complement Cerise, consider pairing it with:
- Mint Green (#ADEBB3): This fresh, cool tone contrasts with Cerise’s boldness, creating a vibrant, invigorating palette.
- Powder Blue (#B8E3E9): Its soft, calming nature balances Cerise’s energy, bringing harmony to the overall design.
- Light Gray (#D3D3D3): The neutrality of light gray allows Cerise’s vivid hue to stand out, adding sophistication.
- Soft Pink (#E89EB8): This delicate shade aligns with Cerise’s vibrancy while providing a nuanced, playful look.
- Champagne (#F7E6CA): The warm undertones of Champagne offer a gentle contrast, highlighting Cerise’s dynamic presence.
While Cerise is vibrant and playful, it may clash with:
- Red (#FF2C2C): This bright red shares Cerise's intensity, leading to a lack of depth when paired together.
- Neon Green (#2CFF05): It clashes with Cerise's vividness, resulting in a visually jarring contrast.
- Crimson Red (#B22222): Both colors are deep and intense, but their similar undertones can create visual monotony.
- Mustard Yellow (#FFCE1B): This bold yellow competes with Cerise, creating a conflicting color palette.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Rose Ember
Electric Salsa
Fuchsia Sunshine
Contrast checker
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
4.44:1
WCAG 2.2 Simple Contrast
Normal Text
- Fail
- AA
- 4.5:1
- Fail
- AAA
- 7:1
Large Text
- Pass
- AA
- 3:1
- Fail
- AAA
- 4.5:1
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
4.73:1
WCAG 2.2 Simple Contrast
Normal Text
- Pass
- AA
- 4.5:1
- Fail
- AAA
- 7:1
Large Text
- Pass
- AA
- 3:1
- Pass
- AAA
- 4.5:1
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #DE3163, known as Cerise, has RGB values of R:222, G:49, B:99 and CMYK values of C:0, M:78, Y:55, K:13.
| VALUE | CSS | |
|---|---|---|
| HEX | #DE3163 | #DE3163 |
| RGB DECIMAL | 222, 49, 99 | RGB(222,49,99) |
| RGB PERCENTAGE | 87.1, 19.2, 38.8 | RGB(87.1%,19.2%,38.8%) |
| CMYK | 0, 78, 55, 13 | |
| HSL | HSL(342.7, 72.4%, 53.1%) | HSL(342.7, 72.4%, 53.1%) |
| HSV (OR HSB) | 342.7°, 77.9, 87.1 | |
| WEB SAFE | #20451102 | #20451102 |
| BINARY | 11011110, 00110001, 01100011 | |
| iOS - SwiftUI | Color(red: 0.871, green: 0.192, blue: 0.388) | |
| iOS - UIKit | UIColor(red: 0.871, green: 0.192, blue: 0.388, alpha: 1) | |
| Android - Compose | Color(0xFFDE3163) |
