#6df4e1 ≈ Turquoise Blue
#6df4e1 ist eine Farbe aus der Farbfamilie „Blaugrün“ mit hoher Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 42,75 % Rot, 95,69 % Grün und 88,24 % Blau; im CMYK-Druck benötigt sie 55,33 % Cyan, 0 % Magenta, 7,79 % Gelb und 4,31 % Schwarz. Ihr Farbtonwinkel beträgt 171,56° bei 85,99 % Sättigung und 69,22 % Helligkeit im HSL-Modell. Sie ist eine kühle Farbe und wird oft mit Klarheit, Ruhe und Erneuerung verbunden. Designer verwenden sie häufig für Gesundheit und Wellness, Technologieprodukte und Call-to-Action-Buttons. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 15,68:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Turquoise Blue (#00ffef), ΔE 4,42.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #66ffcc |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.7339 |
Schattierungen
#6df4e1 schrittweise mit Schwarz gemischt.
Tönungen
#6df4e1 schrittweise mit Weiß gemischt.
Abtönungen
#6df4e1 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-6df4e1 {
color: #6df4e1;
}
.bg-6df4e1 {
background-color: #6df4e1;
color: #000000;
}
.border-6df4e1 {
border: 2px solid #6df4e1;
}
:root {
--color-primary: #6df4e1;
--color-primary-rgb: 109 244 225;
--color-primary-hsl: 172 86% 69%;
}
.gradient-6df4e1 {
background: linear-gradient(135deg, #6df4e1, #6dc3f4);
}
.shadow-6df4e1 {
box-shadow: 0 8px 24px rgb(109 244 225 / 0.35);
}
Turquoise Blue
#6df4e1 rgb(109, 244, 225) hsl(172, 86%, 69%) Turquoise Blue
#f46d80 rgb(244, 109, 128) hsl(352, 86%, 69%) Light Coral
#e16df4 rgb(225, 109, 244) hsl(292, 86%, 69%) Heliotrope
#f4e16d rgb(244, 225, 109) hsl(52, 86%, 69%) Straw