Benannte Farbe · #DC4D01
Deep Orange
Deep Orange ist #DC4D01: rgb(220 77 1), hsl(21 99% 43%), oklch(0.61 0.191 40.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Deep Orange color name →
#DC4D01
oklch(0.61 0.191 40.1)
Farbumrechnungen
- HEX
- #dc4d01
- RGB
- rgb(220 77 1)
- HSL
- hsl(21 99% 43%)
- HWB
- hwb(21 0% 14%)
- OKLCH
- oklch(0.61 0.191 40.1)
- OKLab
- oklab(0.61 0.146 0.123)
- CIE Lab
- lab(53.22 55.13 64.1)
- LCH
- lch(53.22 84.54 49.3)
- CMYK
- cmyk(0% 65% 100% 14%)
Tints · Shades · Tones
Tints
- E26231
- E8754C
- ED8864
- F1997A
- F5AB91
- F8BCA7
- FBCDBC
- FDDDD2
- FEEEE9
Shades
- BF4201
- A33701
- 882C00
- 6E2200
- 541800
- 3C0F00
- 260700
- 110200
- 020000
Tones
- D45522
- CC5C33
- C46340
- BB684B
- B26D55
- A9725E
- A07667
- 967A70
- 8B7D78
Farbharmonien
Komplementär +180°
- DC4D01
Deep Orange
- 0092B1
≈ Kelp’thar Forest Blue
Analog -30° +30°
- DC4D01
Deep Orange
- DC4268
≈ Rouge Red
- B47300
≈ Philippine Gold
Triadisch +120° +240°
- DC4D01
Deep Orange
- 009C66
≈ Prairie
- 716EF1
≈ If I Could Fly
Geteilt komplementär +150° +210°
- DC4D01
Deep Orange
- 009791
≈ Columbia
- 0086E6
≈ Blue Cola
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.11:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.10:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.10:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--deep-orange: #dc4d01;
--deep-orange-rgb: 220 77 1;
--deep-orange-oklch: oklch(0.61 0.191 40.1);
}
.element {
color: var(--deep-orange);
background-color: hsl(21 99% 43%);
border-color: oklch(0.61 0.191 40.1);
}Tailwind CSS v4
@theme {
--color-deep-orange: #dc4d01;
--color-deep-orange-50: #ffe4cb;
--color-deep-orange-100: #ffd3b6;
--color-deep-orange-200: #ffb993;
--color-deep-orange-300: #ff9365;
--color-deep-orange-400: #f86f3b;
--color-deep-orange-500: #e74600;
--color-deep-orange-600: #c33d00;
--color-deep-orange-700: #9d3100;
--color-deep-orange-800: #762100;
--color-deep-orange-900: #531602;
--color-deep-orange-950: #370600;
}SCSS
$deep-orange: #dc4d01;
$deep-orange-rgb: 220, 77, 1;
$deep-orange-light: mix(#fff, $deep-orange, 20%);
$deep-orange-dark: mix(#000, $deep-orange, 20%);
.element {
color: $deep-orange;
box-shadow: 0 0 0 2px rgba($deep-orange, 0.35);
}