RGB
250, 0, 63
HSL
345°, 100%, 49%
CMYK
0, 100, 75, 2
HSV
345°, 100%, 98%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #FA003F |
color: #FA003F;
|
| RGB | 250, 0, 63 |
color: rgb(250, 0, 63);
|
| RGB Percentage | 98%, 0%, 25% |
color: rgb(98%, 0%, 25%);
|
| CMYK | 0%, 100%, 75%, 2% | Not supported in CSS |
| HSL | 345°, 100%, 49% |
color: hsl(345, 100%, 49%);
|
| HSV | 345°, 100%, 98% | Not supported in CSS |
| CIE-LAB | 39, 50, -21 |
color: lab(39% 50 -21);
|
| Decimal | 16384063 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.rose-red {
color: #FA003F;
}
SCSS
$rose-red: #FA003F;
RGB
rgb(250, 0, 63)
Accessibility & Contrast
White background
4.09:1
4.09
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
5.14:1
5.14
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element