RGB
232, 50, 86
HSL
348°, 80%, 55%
CMYK
0, 78, 63, 9
HSV
348°, 78%, 91%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #E83256 |
color: #E83256;
|
| RGB | 232, 50, 86 |
color: rgb(232, 50, 86);
|
| RGB Percentage | 91%, 20%, 34% |
color: rgb(91%, 20%, 34%);
|
| CMYK | 0%, 78%, 63%, 9% | Not supported in CSS |
| HSL | 348°, 80%, 55% |
color: hsl(348, 80%, 55%);
|
| HSV | 348°, 78%, 91% | Not supported in CSS |
| CIE-LAB | 44, 36, -12 |
color: lab(44% 36 -12);
|
| Decimal | 15217238 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.amaranth {
color: #E83256;
}
SCSS
$amaranth: #E83256;
RGB
rgb(232, 50, 86)
Accessibility & Contrast
White background
4.18:1
4.18
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
5.02:1
5.02
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element