ColorTool
Anmelden
#D34E10

#d34e10 ≈ Burnt Orange

  • Orange
  • Helligkeit: mittlerer
  • Sättigung: leuchtender
  • Warm
Kontrast prüfen Im Graphen erkunden Zufallsfarbe

#d34e10 ist eine Farbe aus der Farbfamilie „Orange“ mit mittlerer Helligkeit und leuchtender Sättigung. Im RGB-Modell besteht sie aus 82,75 % Rot, 30,59 % Grün und 6,27 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 63,03 % Magenta, 92,42 % Gelb und 17,25 % Schwarz. Ihr Farbtonwinkel beträgt 19,08° bei 85,9 % Sättigung und 44,51 % 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 und Lebensmittelmarken und Restaurants. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 4,87:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Burnt Orange (#cc5500), ΔE 3,82.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #d34e10
  2. #1095d3

Geteilt komplementär

  1. #d34e10
  2. #10d3b0
  3. #1033d3

Analog

  1. #d31033
  2. #d34e10
  3. #d3b010

Triadisch

  1. #d34e10
  2. #10d34e
  3. #4e10d3

Tetradisch

  1. #d34e10
  2. #95d310
  3. #1095d3
  4. #4e10d3

Quadrat

  1. #d34e10
  2. #33d310
  3. #1095d3
  4. #b010d3

Monochrom

  1. #451905
  2. #8c340b
  3. #d34e10
  4. #f0773f
  5. #f6aa86

Schattierungen

#d34e10 schrittweise mit Schwarz gemischt.

  1. #d34e10
  2. #be460e
  3. #a93e0d
  4. #94370b
  5. #7f2f0a
  6. #6a2708
  7. #541f06
  8. #3f1705
  9. #2a1003
  10. #150802
  11. #000000

Tönungen

#d34e10 schrittweise mit Weiß gemischt.

  1. #d34e10
  2. #d76028
  3. #dc7140
  4. #e08358
  5. #e59570
  6. #e9a788
  7. #edb89f
  8. #f2cab7
  9. #f6dccf
  10. #fbede7
  11. #ffffff

Abtönungen

#d34e10 schrittweise mit Grau gemischt.

  1. #d34e10
  2. #cb531b
  3. #c25826
  4. #ba5d32
  5. #b2623d
  6. #aa6748
  7. #a16c53
  8. #99715e
  9. #91766a
  10. #887b75
  11. #808080

Lesbarer Text 4.31:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Lesbarer Text 4.87:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsie #7a7a7a ≈ 0.003% der Männer
Achromatomalie #a56b60 ≈ 0.001% der Männer
Protanopie #756700 ≈ 1.01% der Männer
Deuteranopie #968502 ≈ 1.27% der Männer
Tritanopie #e92744 ≈ 0.0001% der Männer
Protanomalie #a35e05 ≈ 1.08% der Männer
Deuteranomalie #b27308 ≈ 4.63% der Männer
Tritanomalie #e03a36 ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-d34e10 {
  color: #d34e10;
}
Hintergrund
.bg-d34e10 {
  background-color: #d34e10;
  color: #000000;
}
Rahmen
.border-d34e10 {
  border: 2px solid #d34e10;
}
CSS-Variablen
:root {
  --color-primary: #d34e10;
  --color-primary-rgb: 211 78 16;
  --color-primary-hsl: 19 86% 45%;
}
Verlauf
.gradient-d34e10 {
  background: linear-gradient(135deg, #d34e10, #d3b010);
}
Farbiger Schatten
.shadow-d34e10 {
  box-shadow: 0 8px 24px rgb(211 78 16 / 0.35);
}

#cc5500 Burnt Orange ΔE 3.82 #cb410b Sinopia ΔE 3.85 #e25822 Flame ΔE 4.34 #c04000 Mahogany ΔE 5.57 #ec5800 Persimmon ΔE 6.14 #b7410e Rust ΔE 7.16 #f94d00 Tangelo ΔE 7.20 #2cb1ef Invertiert #7a7a7a Graustufen 

Burnt Orange
#d34e10  rgb(211, 78, 16)  hsl(19, 86%, 45%)  Burnt Orange
#1095d3  rgb(16, 149, 211)  hsl(199, 86%, 45%)  Carolina Blue
#10d34e  rgb(16, 211, 78)  hsl(139, 86%, 45%)  Malachite
#4e10d3  rgb(78, 16, 211)  hsl(259, 86%, 45%)  Ultramarine