#6df2df ≈ Turquoise Blue
#6df2df 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, 94,9 % Grün und 87,45 % Blau; im CMYK-Druck benötigt sie 54,96 % Cyan, 0 % Magenta, 7,85 % Gelb und 5,1 % Schwarz. Ihr Farbtonwinkel beträgt 171,43° bei 83,65 % Sättigung und 68,82 % 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,42:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Turquoise Blue (#00ffef), ΔE 4,69.
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.7208 |
Schattierungen
#6df2df schrittweise mit Schwarz gemischt.
Tönungen
#6df2df schrittweise mit Weiß gemischt.
Abtönungen
#6df2df schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-6df2df {
color: #6df2df;
}
.bg-6df2df {
background-color: #6df2df;
color: #000000;
}
.border-6df2df {
border: 2px solid #6df2df;
}
:root {
--color-primary: #6df2df;
--color-primary-rgb: 109 242 223;
--color-primary-hsl: 171 84% 69%;
}
.gradient-6df2df {
background: linear-gradient(135deg, #6df2df, #6dc2f2);
}
.shadow-6df2df {
box-shadow: 0 8px 24px rgb(109 242 223 / 0.35);
}
Turquoise Blue
#6df2df rgb(109, 242, 223) hsl(171, 84%, 69%) Turquoise Blue
#f26d80 rgb(242, 109, 128) hsl(351, 84%, 69%) Light Coral
#df6df2 rgb(223, 109, 242) hsl(291, 84%, 69%) Heliotrope
#f2df6d rgb(242, 223, 109) hsl(51, 84%, 69%) Straw