Benannte Farbe · #FE7438
Crayola Orange
Crayola Orange ist #FE7438: rgb(254 116 56), hsl(18 99% 61%), oklch(0.715 0.183 42). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Crayola Orange color name →
#FE7438
oklch(0.715 0.183 42)
Farbumrechnungen
- HEX
- #fe7438
- RGB
- rgb(254 116 56)
- HSL
- hsl(18 99% 61%)
- HWB
- hwb(18 22% 0%)
- OKLCH
- oklch(0.715 0.183 42)
- OKLab
- oklab(0.715 0.136 0.123)
- CIE Lab
- lab(65.6 51.32 57.68)
- LCH
- lch(65.6 77.21 48.3)
- CMYK
- cmyk(0% 54% 78% 0%)
Tints · Shades · Tones
Tints
- FF8451
- FF9366
- FFA17B
- FFAF8E
- FFBDA1
- FFCAB4
- FFD8C7
- FFE5D9
- FFF2EC
Shades
- DD642F
- BD5427
- 9E451F
- 803717
- 63290F
- 471B08
- 2D0F04
- 160501
- 030100
Tones
- F27744
- E6794E
- DA7C56
- CE7D5E
- C17E64
- B57F6B
- A88071
- 9B8076
- 8E807B
Farbharmonien
Komplementär +180°
- FE7438
Crayola Orange
- 00B5DE
≈ Blue Atoll
Analog -30° +30°
- FE7438
Crayola Orange
- FF6A84
≈ Ultra Red
- DD9100
≈ Harvest Eve Gold
Triadisch +120° +240°
- FE7438
Crayola Orange
- 00C184
≈ Greenish Teal
- 9595FF
≈ Cobalite
Geteilt komplementär +150° +210°
- FE7438
Crayola Orange
- 00BBB7
≈ Jade Gravel
- 54A7FF
≈ Âbi Blue
Tetradisch +90° +180° +270°
- FE7438
Crayola Orange
- 76B928
≈ Jubilant Meadow
- 00B5DE
≈ Blue Atoll
- C97CF5
≈ Fake Love
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.70:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.76:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.76:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--crayola-orange: #fe7438;
--crayola-orange-rgb: 254 116 56;
--crayola-orange-oklch: oklch(0.715 0.183 42);
}
.element {
color: var(--crayola-orange);
background-color: hsl(18 99% 61%);
border-color: oklch(0.715 0.183 42);
}Tailwind CSS v4
@theme {
--color-crayola-orange: #fe7438;
--color-crayola-orange-50: #ffe5cb;
--color-crayola-orange-100: #ffd5b6;
--color-crayola-orange-200: #ffbb93;
--color-crayola-orange-300: #ff9665;
--color-crayola-orange-400: #f5723b;
--color-crayola-orange-500: #e34c00;
--color-crayola-orange-600: #c04200;
--color-crayola-orange-700: #9a3500;
--color-crayola-orange-800: #742400;
--color-crayola-orange-900: #521802;
--color-crayola-orange-950: #360800;
}SCSS
$crayola-orange: #fe7438;
$crayola-orange-rgb: 254, 116, 56;
$crayola-orange-light: mix(#fff, $crayola-orange, 20%);
$crayola-orange-dark: mix(#000, $crayola-orange, 20%);
.element {
color: $crayola-orange;
box-shadow: 0 0 0 2px rgba($crayola-orange, 0.35);
}