#ea7635 ≈ Pumpkin
#ea7635 ist eine Farbe aus der Farbfamilie „Orange“ mit mittlerer Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 91,76 % Rot, 46,27 % Grün und 20,78 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 49,57 % Magenta, 77,35 % Gelb und 8,24 % Schwarz. Ihr Farbtonwinkel beträgt 21,55° bei 81,17 % Sättigung und 56,27 % 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 7,14:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Pumpkin (#ff7518), ΔE 4,45.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #ff6633 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.3071 |
Schattierungen
#ea7635 schrittweise mit Schwarz gemischt.
Tönungen
#ea7635 schrittweise mit Weiß gemischt.
Abtönungen
#ea7635 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-ea7635 {
color: #ea7635;
}
.bg-ea7635 {
background-color: #ea7635;
color: #000000;
}
.border-ea7635 {
border: 2px solid #ea7635;
}
:root {
--color-primary: #ea7635;
--color-primary-rgb: 234 118 53;
--color-primary-hsl: 22 81% 56%;
}
.gradient-ea7635 {
background: linear-gradient(135deg, #ea7635, #ead135);
}
.shadow-ea7635 {
box-shadow: 0 8px 24px rgb(234 118 53 / 0.35);
}
Pumpkin
#ea7635 rgb(234, 118, 53) hsl(22, 81%, 56%) Pumpkin
#35a9ea rgb(53, 169, 234) hsl(202, 81%, 56%) Carolina Blue
#35ea76 rgb(53, 234, 118) hsl(142, 81%, 56%) Spring Green
#7635ea rgb(118, 53, 234) hsl(262, 81%, 56%) Blue Violet