Benannte Farbe · #D7942D
Golden Orange
Golden Orange ist #D7942D: rgb(215 148 45), hsl(36 68% 51%), oklch(0.716 0.138 72.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Golden Orange color name →
#D7942D
oklch(0.716 0.138 72.9)
Farbumrechnungen
- HEX
- #d7942d
- RGB
- rgb(215 148 45)
- HSL
- hsl(36 68% 51%)
- HWB
- hwb(36 18% 16%)
- OKLCH
- oklch(0.716 0.138 72.9)
- OKLab
- oklab(0.716 0.041 0.132)
- CIE Lab
- lab(66.91 19.88 60.9)
- LCH
- lch(66.91 64.07 71.9)
- CMYK
- cmyk(0% 31% 79% 16%)
Tints · Shades · Tones
Tints
- DC9F4A
- E0AA62
- E4B577
- E9BF8B
- EDCA9F
- F0D5B2
- F4DFC6
- F8EAD9
- FCF4EC
Shades
- BB8026
- 9F6D1F
- 855A18
- 6B4811
- 52360B
- 3B2606
- 251602
- 110801
- 020100
Tones
- CE923C
- C69148
- BD8F52
- B48D5B
- AC8B62
- A38969
- 9A876F
- 928575
- 89827B
Farbharmonien
Komplementär +180°
- D7942D
Golden Orange
- 60A7F7
≈ Âbi Blue
Analog -30° +30°
- D7942D
Golden Orange
- EA845A
≈ Araigaki Orange
- B4A62A
≈ Earls Green
Triadisch +120° +240°
- D7942D
Golden Orange
- 00BBB8
≈ Jade Gravel
- C188E0
≈ Purception
Geteilt komplementär +150° +210°
- D7942D
Golden Orange
- 00B5E0
≈ Blue Atoll
- 9897F6
≈ Cobalite
Tetradisch +90° +180° +270°
- D7942D
Golden Orange
- 38BE8A
≈ Aztec Jade
- 60A7F7
≈ Âbi Blue
- DE7EBA
≈ Fuchsia Blush
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.57:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.16:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.16:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--golden-orange: #d7942d;
--golden-orange-rgb: 215 148 45;
--golden-orange-oklch: oklch(0.716 0.138 72.9);
}
.element {
color: var(--golden-orange);
background-color: hsl(36 68% 51%);
border-color: oklch(0.716 0.138 72.9);
}Tailwind CSS v4
@theme {
--color-golden-orange: #d7942d;
--color-golden-orange-50: #fff0ca;
--color-golden-orange-100: #ffe2b5;
--color-golden-orange-200: #f7cc92;
--color-golden-orange-300: #e1ad63;
--color-golden-orange-400: #cf9031;
--color-golden-orange-500: #bc7400;
--color-golden-orange-600: #9f6200;
--color-golden-orange-700: #7f4f00;
--color-golden-orange-800: #5f3800;
--color-golden-orange-900: #432700;
--color-golden-orange-950: #2b1400;
}SCSS
$golden-orange: #d7942d;
$golden-orange-rgb: 215, 148, 45;
$golden-orange-light: mix(#fff, $golden-orange, 20%);
$golden-orange-dark: mix(#000, $golden-orange, 20%);
.element {
color: $golden-orange;
box-shadow: 0 0 0 2px rgba($golden-orange, 0.35);
}