#a8e6c9 ≈ Seafoam Green
#a8e6c9 ist eine Farbe aus der Farbfamilie „Blaugrün“ mit hoher Helligkeit und gedämpfter Sättigung. Im RGB-Modell besteht sie aus 65,88 % Rot, 90,2 % Grün und 78,82 % Blau; im CMYK-Druck benötigt sie 26,96 % Cyan, 0 % Magenta, 12,61 % Gelb und 9,8 % Schwarz. Ihr Farbtonwinkel beträgt 151,94° bei 55,36 % Sättigung und 78,04 % 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,83:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Seafoam Green (#9fe2bf), ΔE 2,18.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #99ffcc |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.6914 |
Schattierungen
#a8e6c9 schrittweise mit Schwarz gemischt.
Tönungen
#a8e6c9 schrittweise mit Weiß gemischt.
Abtönungen
#a8e6c9 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-a8e6c9 {
color: #a8e6c9;
}
.bg-a8e6c9 {
background-color: #a8e6c9;
color: #000000;
}
.border-a8e6c9 {
border: 2px solid #a8e6c9;
}
:root {
--color-primary: #a8e6c9;
--color-primary-rgb: 168 230 201;
--color-primary-hsl: 152 55% 78%;
}
.gradient-a8e6c9 {
background: linear-gradient(135deg, #a8e6c9, #a8e4e6);
}
.shadow-a8e6c9 {
box-shadow: 0 8px 24px rgb(168 230 201 / 0.35);
}
Seafoam Green
#a8e6c9 rgb(168, 230, 201) hsl(152, 55%, 78%) Seafoam Green
#e6a8c5 rgb(230, 168, 197) hsl(332, 55%, 78%) Nadeshiko Pink
#c9a8e6 rgb(201, 168, 230) hsl(272, 55%, 78%) Wisteria
#e6c9a8 rgb(230, 201, 168) hsl(32, 55%, 78%) Desert Sand