RGB
123, 27, 56
HSL
342°, 64%, 29%
CMYK
0, 78, 54, 52
HSV
342°, 78%, 48%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #7B1B38 |
color: #7B1B38;
|
| RGB | 123, 27, 56 |
color: rgb(123, 27, 56);
|
| RGB Percentage | 48%, 11%, 22% |
color: rgb(48%, 11%, 22%);
|
| CMYK | 0%, 78%, 54%, 52% | Not supported in CSS |
| HSL | 342°, 64%, 29% |
color: hsl(342, 64%, 29%);
|
| HSV | 342°, 78%, 48% | Not supported in CSS |
| CIE-LAB | 23, 19, -10 |
color: lab(23% 19 -10);
|
| Decimal | 8067896 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.bordeaux {
color: #7B1B38;
}
SCSS
$bordeaux: #7B1B38;
RGB
rgb(123, 27, 56)
Accessibility & Contrast
White background
10.21:1
10.21
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
2.06:1
2.06
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element