#ebfffa ≈ Azure
#ebfffa is a color from the teal family, with very high lightness and muted saturation. In the RGB model it is made of 92.16% red, 100% green and 98.04% blue; printed in CMYK it uses 7.84% cyan, 0% magenta, 1.96% yellow and 0% black. Its hue angle is 165°, with 100% saturation and 96.08% lightness in HSL. It is a cool color, often associated with clarity, calm and renewal. Designers typically use it for health and wellness, technology products and soft pastel palettes. Black text on this color reaches a contrast ratio of 20.22:1 (WCAG AAA). The closest named color is Azure (#f0ffff), ΔE 3.2.
Description generated from the measured properties of this color.
| HEX | |
|---|---|
| RGB | |
| RGB percent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web safe | #ffffff |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binary | |
| Decimal | |
| Relative luminance | 0.9608 |
Shades
#ebfffa mixed progressively with black.
Tints
#ebfffa mixed progressively with white.
Tones
#ebfffa mixed progressively with gray.
Text in this color
Background in this color
Border in this color
.text-ebfffa {
color: #ebfffa;
}
.bg-ebfffa {
background-color: #ebfffa;
color: #000000;
}
.border-ebfffa {
border: 2px solid #ebfffa;
}
:root {
--color-primary: #ebfffa;
--color-primary-rgb: 235 255 250;
--color-primary-hsl: 165 100% 96%;
}
.gradient-ebfffa {
background: linear-gradient(135deg, #ebfffa, #ebfaff);
}
.shadow-ebfffa {
box-shadow: 0 8px 24px rgb(235 255 250 / 0.35);
}
Azure
#ebfffa rgb(235, 255, 250) hsl(165, 100%, 96%) Azure
#ffebf0 rgb(255, 235, 240) hsl(345, 100%, 96%) Lavender Blush
#faebff rgb(250, 235, 255) hsl(285, 100%, 96%) Magnolia
#fffaeb rgb(255, 250, 235) hsl(45, 100%, 96%) Cosmic Latte