#ae8ea3 ≈ Rose Quartz
#ae8ea3 è un colore della famiglia «rosa acceso», con luminosità media e saturazione attenuata. Nel modello RGB è composto da 68,24% di rosso, 55,69% di verde e 63,92% di blu; in stampa CMYK usa 0% di ciano, 18,39% di magenta, 6,32% di giallo e 31,76% di nero. Il suo angolo di tinta è 320,63°, con 16,49% di saturazione e 61,96% di luminosità in HSL. Si colloca tra caldo e freddo ed è spesso associato a romanticismo, giocosità e affetto. I designer lo usano spesso per marchi alimentari e ristoranti, saldi e promozioni e accenti di brand. Il testo nero su questo colore raggiunge un rapporto di contrasto di 7,2:1 (WCAG AAA). Il colore con nome più vicino è Rose Quartz (#aa98a9), ΔE 5,11.
Descrizione generata dalle proprietà misurate di questo colore.
| HEX | |
|---|---|
| RGB | |
| RGB percentuale | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web-safe | #999999 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binario | |
| Decimale | |
| Luminanza relativa | 0.3099 |
Ombre
#ae8ea3 miscelato progressivamente con il nero.
Tinte
#ae8ea3 miscelato progressivamente con il bianco.
Toni
#ae8ea3 miscelato progressivamente con il grigio.
Testo in questo colore
Sfondo in questo colore
Bordo in questo colore
.text-ae8ea3 {
color: #ae8ea3;
}
.bg-ae8ea3 {
background-color: #ae8ea3;
color: #000000;
}
.border-ae8ea3 {
border: 2px solid #ae8ea3;
}
:root {
--color-primary: #ae8ea3;
--color-primary-rgb: 174 142 163;
--color-primary-hsl: 321 16% 62%;
}
.gradient-ae8ea3 {
background: linear-gradient(135deg, #ae8ea3, #ae8e93);
}
.shadow-ae8ea3 {
box-shadow: 0 8px 24px rgb(174 142 163 / 0.35);
}
Rose Quartz
#ae8ea3 rgb(174, 142, 163) hsl(321, 16%, 62%) Rose Quartz
#8eae99 rgb(142, 174, 153) hsl(141, 16%, 62%) Dark Sea Green
#a3ae8e rgb(163, 174, 142) hsl(81, 16%, 62%) Sage
#8ea3ae rgb(142, 163, 174) hsl(201, 16%, 62%) Moonstone Blue