#992148 ≈ Claret
#992148 is a color from the rose family, with low lightness and moderate saturation. In the RGB model it is made of 60% red, 12.94% green and 28.24% blue; printed in CMYK it uses 0% cyan, 78.43% magenta, 52.94% yellow and 40% black. Its hue angle is 340.5°, with 64.52% saturation and 36.47% lightness in HSL. It is a warm color, often associated with romance, playfulness and affection. Designers typically use it for food and restaurant brands, sales and promotions and brand accents. White text on this color reaches a contrast ratio of 7.88:1 (WCAG AAA). The closest named color is Claret (#7f1734), ΔE 6.07.
Description generated from the measured properties of this color.
| HEX | |
|---|---|
| RGB | |
| RGB percent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web safe | #993333 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binary | |
| Decimal | |
| Relative luminance | 0.0833 |
Shades
#992148 mixed progressively with black.
Tints
#992148 mixed progressively with white.
Tones
#992148 mixed progressively with gray.
Text in this color
Background in this color
Border in this color
.text-992148 {
color: #992148;
}
.bg-992148 {
background-color: #992148;
color: #ffffff;
}
.border-992148 {
border: 2px solid #992148;
}
:root {
--color-primary: #992148;
--color-primary-rgb: 153 33 72;
--color-primary-hsl: 341 65% 36%;
}
.gradient-992148 {
background: linear-gradient(135deg, #992148, #993621);
}
.shadow-992148 {
box-shadow: 0 8px 24px rgb(153 33 72 / 0.35);
}
Claret
#992148 rgb(153, 33, 72) hsl(341, 65%, 36%) Claret
#219972 rgb(33, 153, 114) hsl(161, 65%, 36%) Shamrock Green
#489921 rgb(72, 153, 33) hsl(101, 65%, 36%) Islamic Green
#214899 rgb(33, 72, 153) hsl(221, 65%, 36%) Cobalt Blue