ColorTool
Anmelden
#E5945B

#e5945b ≈ Persian Orange

  • Orange
  • Helligkeit: hoher
  • Sättigung: kräftiger
  • Warm
Kontrast prüfen Im Graphen erkunden Zufallsfarbe

#e5945b ist eine Farbe aus der Farbfamilie „Orange“ mit hoher Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 89,8 % Rot, 58,04 % Grün und 35,69 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 35,37 % Magenta, 60,26 % Gelb und 10,2 % Schwarz. Ihr Farbtonwinkel beträgt 24,78° bei 72,63 % Sättigung und 62,75 % Helligkeit im HSL-Modell. Sie ist eine warme Farbe und wird oft mit Begeisterung, Wärme und Kreativität verbunden. Designer verwenden sie häufig für Call-to-Action-Buttons, Lebensmittelmarken und Restaurants und Markenakzente. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 8,72:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Persian Orange (#d99058), ΔE 2,46.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #e5945b
  2. #5bace5

Geteilt komplementär

  1. #e5945b
  2. #5be5d9
  3. #5b67e5

Analog

  1. #e55b67
  2. #e5945b
  3. #e5d95b

Triadisch

  1. #e5945b
  2. #5be594
  3. #945be5

Tetradisch

  1. #e5945b
  2. #ace55b
  3. #5bace5
  4. #945be5

Quadrat

  1. #e5945b
  2. #67e55b
  3. #5bace5
  4. #d95be5

Monochrom

  1. #904917
  2. #d26a21
  3. #e5945b
  4. #efbf9d
  5. #faeadf

Schattierungen

#e5945b schrittweise mit Schwarz gemischt.

  1. #e5945b
  2. #ce8552
  3. #b77649
  4. #a06840
  5. #895937
  6. #734a2e
  7. #5c3b24
  8. #452c1b
  9. #2e1e12
  10. #170f09
  11. #000000

Tönungen

#e5945b schrittweise mit Weiß gemischt.

  1. #e5945b
  2. #e89f6b
  3. #eaa97c
  4. #edb48c
  5. #efbf9d
  6. #f2caad
  7. #f5d4bd
  8. #f7dfce
  9. #faeade
  10. #fcf4ef
  11. #ffffff

Abtönungen

#e5945b schrittweise mit Grau gemischt.

  1. #e5945b
  2. #db925f
  3. #d19062
  4. #c78e66
  5. #bd8c6a
  6. #b38a6e
  7. #a88871
  8. #9e8675
  9. #948479
  10. #8a827c
  11. #808080

Lesbarer Text 2.41:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Lesbarer Text 8.72:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #a7a7a7 ≈ 0.003% der Männer
Achromatomalie #c3a08f ≈ 0.001% der Männer
Protanopie #ab9c56 ≈ 1.01% der Männer
Deuteranopie #bfae5b ≈ 1.27% der Männer
Tritanopie #f88486 ≈ 0.0001% der Männer
Protanomalie #c59958 ≈ 1.08% der Männer
Deuteranomalie #cfa45b ≈ 4.63% der Männer
Tritanomalie #f18b77 ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-e5945b {
  color: #e5945b;
}
Hintergrund
.bg-e5945b {
  background-color: #e5945b;
  color: #000000;
}
Rahmen
.border-e5945b {
  border: 2px solid #e5945b;
}
CSS-Variablen
:root {
  --color-primary: #e5945b;
  --color-primary-rgb: 229 148 91;
  --color-primary-hsl: 25 73% 63%;
}
Verlauf
.gradient-e5945b {
  background: linear-gradient(135deg, #e5945b, #e5d95b);
}
Farbiger Schatten
.shadow-e5945b {
  box-shadow: 0 8px 24px rgb(229 148 91 / 0.35);
}

#d99058 Persian Orange ΔE 2.46 #d68a59 Raw Sienna ΔE 3.76 #f4a460 Sandy Brown ΔE 5.05 #ed872d Cadmium Orange ΔE 6.09 #cd853f Peru ΔE 6.86 #e5aa70 Fawn ΔE 7.14 #ff8243 Mango Tango ΔE 7.58 #1a6ba4 Invertiert #a7a7a7 Graustufen 

Persian Orange
#e5945b  rgb(229, 148, 91)  hsl(25, 73%, 63%)  Persian Orange
#5bace5  rgb(91, 172, 229)  hsl(205, 73%, 63%)  Carolina Blue
#5be594  rgb(91, 229, 148)  hsl(145, 73%, 63%)  Medium Spring Green
#945be5  rgb(148, 91, 229)  hsl(265, 73%, 63%)  Amethyst