RGB
154, 42, 42
HSL
0°, 57%, 38%
CMYK
0, 73, 73, 40
HSV
0°, 73%, 60%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #9A2A2A |
color: #9A2A2A;
|
| RGB | 154, 42, 42 |
color: rgb(154, 42, 42);
|
| RGB Percentage | 60%, 16%, 16% |
color: rgb(60%, 16%, 16%);
|
| CMYK | 0%, 73%, 73%, 40% | Not supported in CSS |
| HSL | 0°, 57%, 38% |
color: hsl(0, 57%, 38%);
|
| HSV | 0°, 73%, 60% | Not supported in CSS |
| CIE-LAB | 30, 22, 0 |
color: lab(30% 22 0);
|
| Decimal | 10103338 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.garnet {
color: #9A2A2A;
}
SCSS
$garnet: #9A2A2A;
RGB
rgb(154, 42, 42)
Accessibility & Contrast
White background
7.67:1
7.67
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
2.74:1
2.74
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element