Benannte Farbe · #EDA057
Doughnut
Doughnut ist #EDA057: rgb(237 160 87), hsl(29 81% 64%), oklch(0.768 0.128 62.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Doughnut color name →
#EDA057
oklch(0.768 0.128 62.4)
Farbumrechnungen
- HEX
- #eda057
- RGB
- rgb(237 160 87)
- HSL
- hsl(29 81% 64%)
- HWB
- hwb(29 34% 7%)
- OKLCH
- oklch(0.768 0.128 62.4)
- OKLab
- oklab(0.768 0.059 0.113)
- CIE Lab
- lab(72.64 24.46 49.44)
- LCH
- lch(72.64 55.16 63.7)
- CMYK
- cmyk(0% 32% 63% 7%)
Tints · Shades · Tones
Tints
- F0AA6A
- F2B47C
- F4BD8D
- F6C79E
- F8D0AE
- FADABE
- FBE3CE
- FDECDF
- FEF6EF
Shades
- CE8B4B
- B0763E
- 936133
- 774E27
- 5C3B1C
- 422912
- 2A1908
- 140903
- 030100
Tones
- E29D5D
- D79A63
- CC9768
- C1946D
- B69171
- AC8E74
- A18B78
- 96877B
- 8B847D
Farbharmonien
Komplementär +180°
- EDA057
Doughnut
- 62BDFE
≈ Hello Summer
Analog -30° +30°
- EDA057
Doughnut
- FA947F
≈ Parma Ham
- D0B147
≈ Sugar Leaves
Triadisch +120° +240°
- EDA057
Doughnut
- 30CEBA
≈ Exquisite Turquoise
- C39FF7
≈ Lavender Cream
Geteilt komplementär +150° +210°
- EDA057
Doughnut
- 26C8E3
≈ Picnic Day Sky
- 9AAEFF
≈ Widowmaker
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.15:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.76:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--doughnut: #eda057;
--doughnut-rgb: 237 160 87;
--doughnut-oklch: oklch(0.768 0.128 62.4);
}
.element {
color: var(--doughnut);
background-color: hsl(29 81% 64%);
border-color: oklch(0.768 0.128 62.4);
}Tailwind CSS v4
@theme {
--color-doughnut: #eda057;
--color-doughnut-50: #ffeed0;
--color-doughnut-100: #ffe0bc;
--color-doughnut-200: #fbc99b;
--color-doughnut-300: #e5a970;
--color-doughnut-400: #d48c47;
--color-doughnut-500: #c06f06;
--color-doughnut-600: #a25f0e;
--color-doughnut-700: #824c0c;
--color-doughnut-800: #623608;
--color-doughnut-900: #452506;
--color-doughnut-950: #2c1300;
}SCSS
$doughnut: #eda057;
$doughnut-rgb: 237, 160, 87;
$doughnut-light: mix(#fff, $doughnut, 20%);
$doughnut-dark: mix(#000, $doughnut, 20%);
.element {
color: $doughnut;
box-shadow: 0 0 0 2px rgba($doughnut, 0.35);
}