#a4e5c8 ≈ Seafoam Green
#a4e5c8 ist eine Farbe aus der Farbfamilie „Blaugrün“ mit hoher Helligkeit und mäßiger Sättigung. Im RGB-Modell besteht sie aus 64,31 % Rot, 89,8 % Grün und 78,43 % Blau; im CMYK-Druck benötigt sie 28,38 % Cyan, 0 % Magenta, 12,66 % Gelb und 10,2 % Schwarz. Ihr Farbtonwinkel beträgt 153,23° bei 55,56 % Sättigung und 77,06 % Helligkeit im HSL-Modell. Sie liegt zwischen warm und kühl und wird oft mit Klarheit, Ruhe und Erneuerung verbunden. Designer verwenden sie häufig für Gesundheit und Wellness, Technologieprodukte und sanfte Pastellpaletten. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 14,62:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Seafoam Green (#9fe2bf), ΔE 1,97.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #99cccc |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.681 |
Schattierungen
#a4e5c8 schrittweise mit Schwarz gemischt.
Tönungen
#a4e5c8 schrittweise mit Weiß gemischt.
Abtönungen
#a4e5c8 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-a4e5c8 {
color: #a4e5c8;
}
.bg-a4e5c8 {
background-color: #a4e5c8;
color: #000000;
}
.border-a4e5c8 {
border: 2px solid #a4e5c8;
}
:root {
--color-primary: #a4e5c8;
--color-primary-rgb: 164 229 200;
--color-primary-hsl: 153 56% 77%;
}
.gradient-a4e5c8 {
background: linear-gradient(135deg, #a4e5c8, #a4e2e5);
}
.shadow-a4e5c8 {
box-shadow: 0 8px 24px rgb(164 229 200 / 0.35);
}
Seafoam Green
#a4e5c8 rgb(164, 229, 200) hsl(153, 56%, 77%) Seafoam Green
#e5a4c1 rgb(229, 164, 193) hsl(333, 56%, 77%) Nadeshiko Pink
#c8a4e5 rgb(200, 164, 229) hsl(273, 56%, 77%) Wisteria
#e5c8a4 rgb(229, 200, 164) hsl(33, 56%, 77%) Sunset