ColorTool
Anmelden
#10E8AA

#10e8aa ≈ Medium Spring Green

  • Blaugrün
  • Helligkeit: mittlerer
  • Sättigung: leuchtender
  • Ausgewogen
Kontrast prüfen Im Graphen erkunden Zufallsfarbe

#10e8aa ist eine Farbe aus der Farbfamilie „Blaugrün“ mit mittlerer Helligkeit und leuchtender Sättigung. Im RGB-Modell besteht sie aus 6,27 % Rot, 90,98 % Grün und 66,67 % Blau; im CMYK-Druck benötigt sie 93,1 % Cyan, 0 % Magenta, 26,72 % Gelb und 9,02 % Schwarz. Ihr Farbtonwinkel beträgt 162,78° bei 87,1 % Sättigung und 48,63 % 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 Call-to-Action-Buttons. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 13,15:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Medium Spring Green (#00fa9a), ΔE 6,67.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #10e8aa
  2. #e8104e

Geteilt komplementär

  1. #10e8aa
  2. #e810ba
  3. #e83e10

Analog

  1. #10e83e
  2. #10e8aa
  3. #10bae8

Triadisch

  1. #10e8aa
  2. #aa10e8
  3. #e8aa10

Tetradisch

  1. #10e8aa
  2. #104ee8
  3. #e8104e
  4. #e8aa10

Quadrat

  1. #10e8aa
  2. #3e10e8
  3. #e8104e
  4. #bae810

Monochrom

  1. #065941
  2. #0ba076
  3. #10e8aa
  4. #51f3c5
  5. #99f8dd

Schattierungen

#10e8aa schrittweise mit Schwarz gemischt.

  1. #10e8aa
  2. #0ed199
  3. #0dba88
  4. #0ba277
  5. #0a8b66
  6. #087455
  7. #065d44
  8. #054633
  9. #032e22
  10. #021711
  11. #000000

Tönungen

#10e8aa schrittweise mit Weiß gemischt.

  1. #10e8aa
  2. #28eab3
  3. #40edbb
  4. #58efc4
  5. #70f1cc
  6. #88f4d5
  7. #9ff6dd
  8. #b7f8e6
  9. #cffaee
  10. #e7fdf7
  11. #ffffff

Abtönungen

#10e8aa schrittweise mit Grau gemischt.

  1. #10e8aa
  2. #1bdea6
  3. #26d3a2
  4. #32c99d
  5. #3dbe99
  6. #48b495
  7. #53aa91
  8. #5e9f8d
  9. #6a9588
  10. #758a84
  11. #808080

Lesbarer Text 1.6:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Lesbarer Text 13.15:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #cdcdcd ≈ 0.003% der Männer
Achromatomalie #a3d8c0 ≈ 0.001% der Männer
Protanopie #e3d6a7 ≈ 1.01% der Männer
Deuteranopie #ccc6ae ≈ 1.27% der Männer
Tritanopie #00e8d7 ≈ 0.0001% der Männer
Protanomalie #b5dea8 ≈ 1.08% der Männer
Deuteranomalie #a3d4ad ≈ 4.63% der Männer
Tritanomalie #00e8c7 ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-10e8aa {
  color: #10e8aa;
}
Hintergrund
.bg-10e8aa {
  background-color: #10e8aa;
  color: #000000;
}
Rahmen
.border-10e8aa {
  border: 2px solid #10e8aa;
}
CSS-Variablen
:root {
  --color-primary: #10e8aa;
  --color-primary-rgb: 16 232 170;
  --color-primary-hsl: 163 87% 49%;
}
Verlauf
.gradient-10e8aa {
  background: linear-gradient(135deg, #10e8aa, #10bae8);
}
Farbiger Schatten
.shadow-10e8aa {
  box-shadow: 0 8px 24px rgb(16 232 170 / 0.35);
}

#00fa9a Medium Spring Green ΔE 6.67 #00cc99 Caribbean Green ΔE 6.73 #7fffd4 Aquamarine ΔE 8.12 #66cdaa Medium Aquamarine ΔE 8.70 #50c878 Emerald ΔE 9.95 #9fe2bf Seafoam Green ΔE 10.91 #00ff7f Spring Green ΔE 10.93 #ef1755 Invertiert #cdcdcd Graustufen 

Medium Spring Green
#10e8aa  rgb(16, 232, 170)  hsl(163, 87%, 49%)  Medium Spring Green
#e8104e  rgb(232, 16, 78)  hsl(343, 87%, 49%)  Amaranth
#aa10e8  rgb(170, 16, 232)  hsl(283, 87%, 49%)  Vivid Violet
#e8aa10  rgb(232, 170, 16)  hsl(43, 87%, 49%)  Goldenrod