#4e9baa ≈ Cadet Blue
#4e9baa is a color from the cyan family, with medium lightness and moderate saturation. In the RGB model it is made of 30.59% red, 60.78% green and 66.67% blue; printed in CMYK it uses 54.12% cyan, 8.82% magenta, 0% yellow and 33.33% black. Its hue angle is 189.78°, with 37.1% saturation and 48.63% lightness in HSL. It is a cool color, often associated with freshness, technology and clarity. Designers typically use it for health and wellness, technology products and brand accents. Black text on this color reaches a contrast ratio of 6.59:1 (WCAG AA). The closest named color is Cadet Blue (#5f9ea0), ΔE 5.22.
Description generated from the measured properties of this color.
| HEX | |
|---|---|
| RGB | |
| RGB percent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web safe | #669999 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binary | |
| Decimal | |
| Relative luminance | 0.2796 |
Shades
#4e9baa mixed progressively with black.
Tints
#4e9baa mixed progressively with white.
Tones
#4e9baa mixed progressively with gray.
Text in this color
Background in this color
Border in this color
.text-4e9baa {
color: #4e9baa;
}
.bg-4e9baa {
background-color: #4e9baa;
color: #000000;
}
.border-4e9baa {
border: 2px solid #4e9baa;
}
:root {
--color-primary: #4e9baa;
--color-primary-rgb: 78 155 170;
--color-primary-hsl: 190 37% 49%;
}
.gradient-4e9baa {
background: linear-gradient(135deg, #4e9baa, #4e6daa);
}
.shadow-4e9baa {
box-shadow: 0 8px 24px rgb(78 155 170 / 0.35);
}
Cadet Blue
#4e9baa rgb(78, 155, 170) hsl(190, 37%, 49%) Cadet Blue
#aa5d4e rgb(170, 93, 78) hsl(10, 37%, 49%) Redwood
#aa4e9b rgb(170, 78, 155) hsl(310, 37%, 49%) Purpureus
#9baa4e rgb(155, 170, 78) hsl(70, 37%, 49%) Moss Green