ColorTool
Anmelden
#2A859B

#2a859b ≈ Teal Blue

  • Cyan
  • Helligkeit: geringer
  • Sättigung: mäßiger
  • Kühl
Kontrast prüfen Im Graphen erkunden Zufallsfarbe

#2a859b ist eine Farbe aus der Farbfamilie „Cyan“ mit geringer Helligkeit und mäßiger Sättigung. Im RGB-Modell besteht sie aus 16,47 % Rot, 52,16 % Grün und 60,78 % Blau; im CMYK-Druck benötigt sie 72,9 % Cyan, 14,19 % Magenta, 0 % Gelb und 39,22 % Schwarz. Ihr Farbtonwinkel beträgt 191,68° bei 57,36 % Sättigung und 38,63 % Helligkeit im HSL-Modell. Sie ist eine kühle Farbe und wird oft mit Frische, Technologie und Klarheit verbunden. Designer verwenden sie häufig für Gesundheit und Wellness, Technologieprodukte und Markenakzente. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 4,93:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Teal Blue (#367588), ΔE 6,1.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

HEX
RGB
RGB in Prozent
CMY
CMYK
HSL
HSV / HSB
Websicher#339999
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binär
Dezimal
Relative Leuchtdichte0.1963

Komplementär

  1. #2a859b
  2. #9b402a

Geteilt komplementär

  1. #2a859b
  2. #9b2a4d
  3. #9b792a

Analog

  1. #2a9b79
  2. #2a859b
  3. #2a4d9b

Triadisch

  1. #2a859b
  2. #9b2a85
  3. #859b2a

Tetradisch

  1. #2a859b
  2. #402a9b
  3. #9b402a
  4. #859b2a

Quadrat

  1. #2a859b
  2. #792a9b
  3. #9b402a
  4. #4d9b2a

Monochrom

  1. #091e23
  2. #1a515f
  3. #2a859b
  4. #45b2cd
  5. #81cbdd

Schattierungen

#2a859b schrittweise mit Schwarz gemischt.

  1. #2a859b
  2. #26788c
  3. #226a7c
  4. #1d5d6d
  5. #19505d
  6. #15434e
  7. #11353e
  8. #0d282f
  9. #081b1f
  10. #040d10
  11. #000000

Tönungen

#2a859b schrittweise mit Weiß gemischt.

  1. #2a859b
  2. #3f91a5
  3. #559daf
  4. #6aaab9
  5. #7fb6c3
  6. #95c2cd
  7. #aaced7
  8. #bfdae1
  9. #d4e7eb
  10. #eaf3f5
  11. #ffffff

Abtönungen

#2a859b schrittweise mit Grau gemischt.

  1. #2a859b
  2. #338598
  3. #3b8496
  4. #448493
  5. #4c8390
  6. #55838e
  7. #5e828b
  8. #668288
  9. #6f8185
  10. #778183
  11. #808080

Lesbarer Text 4.26:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Lesbarer Text 4.93:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsie #7a7a7a ≈ 0.003% der Männer
Achromatomalie #647f89 ≈ 0.001% der Männer
Protanopie #77819c ≈ 1.01% der Männer
Deuteranopie #67769b ≈ 1.27% der Männer
Tritanopie #008d8c ≈ 0.0001% der Männer
Protanomalie #61839c ≈ 1.08% der Männer
Deuteranomalie #557c9b ≈ 4.63% der Männer
Tritanomalie #008a92 ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-2a859b {
  color: #2a859b;
}
Hintergrund
.bg-2a859b {
  background-color: #2a859b;
  color: #000000;
}
Rahmen
.border-2a859b {
  border: 2px solid #2a859b;
}
CSS-Variablen
:root {
  --color-primary: #2a859b;
  --color-primary-rgb: 42 133 155;
  --color-primary-hsl: 192 57% 39%;
}
Verlauf
.gradient-2a859b {
  background: linear-gradient(135deg, #2a859b, #2a4d9b);
}
Farbiger Schatten
.shadow-2a859b {
  box-shadow: 0 8px 24px rgb(42 133 155 / 0.35);
}

#367588 Teal Blue ΔE 6.10 #0095b6 Bondi Blue ΔE 6.24 #007ba7 Cerulean ΔE 8.08 #5d8aa8 Air Force Blue ΔE 9.03 #008b8b Dark Cyan ΔE 10.08 #008080 Teal ΔE 10.24 #4682b4 Steel Blue ΔE 11.56 #d57a64 Invertiert #7a7a7a Graustufen 

Teal Blue
#2a859b  rgb(42, 133, 155)  hsl(192, 57%, 39%)  Teal Blue
#9b402a  rgb(155, 64, 42)  hsl(12, 57%, 39%)  Chestnut
#9b2a85  rgb(155, 42, 133)  hsl(312, 57%, 39%)  Deep Plum
#859b2a  rgb(133, 155, 42)  hsl(72, 57%, 39%)  Olive Drab