Benoemde kleur · #E8A64E
Zucchini Flower
Zucchini Flower is #E8A64E: rgb(232 166 78), hsl(34 77% 61%), oklch(0.772 0.13 71.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Zucchini Flower color name →
#E8A64E
oklch(0.772 0.13 71.5)
Kleurconversies
- HEX
- #e8a64e
- RGB
- rgb(232 166 78)
- HSL
- hsl(34 77% 61%)
- HWB
- hwb(34 31% 9%)
- OKLCH
- oklch(0.772 0.13 71.5)
- OKLab
- oklab(0.772 0.041 0.123)
- CIE Lab
- lab(73.38 18.98 54.27)
- LCH
- lch(73.38 57.49 70.7)
- CMYK
- cmyk(0% 28% 66% 9%)
Tinten · Schaduwen · Tonen
Tinten
- EBAF63
- EEB876
- F0C188
- F3CA9A
- F5D3AB
- F7DCBC
- F9E5CD
- FBEEDE
- FDF6EE
Schaduwen
- CA9043
- AC7A38
- 90652D
- 745123
- 593E19
- 402B0F
- 291A07
- 130A02
- 030100
Tonen
- DDA356
- D39F5D
- C89B63
- BE9869
- B4946E
- A99072
- 9F8C76
- 95887A
- 8A847D
Kleurharmonieën
Complementair +180°
- E8A64E
Zucchini Flower
- 7ABAFF
≈ Cooler Than Ever
Analoog -30° +30°
- E8A64E
Zucchini Flower
- FA9772
≈ Autumn Arrival
- C6B74A
≈ Warm Olive
Triadisch +120° +240°
- E8A64E
Zucchini Flower
- 1ACFC9
≈ Blue Martina
- D09CF1
≈ Dream Vapour
Gesplitst complementair +150° +210°
- E8A64E
Zucchini Flower
- 36C7EF
≈ Picnic Day Sky
- A8ABFF
≈ Shy Moment
Tetradisch +90° +180° +270°
- E8A64E
Zucchini Flower
- 5CCE9B
≈ Vegetation
- 7ABAFF
≈ Cooler Than Ever
- ED93CD
≈ Mayflower Orchid
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.10:1 · APCA Lc 41
Ag
AAAOp zwart
WCAG 9.99:1 · APCA Lc 61
Beste tekstkleur: #000000
WCAG 9.99:1 (AAA) · APCA Lc 61
Contrast pairs
Codefragmenten
CSS
:root {
--zucchini-flower: #e8a64e;
--zucchini-flower-rgb: 232 166 78;
--zucchini-flower-oklch: oklch(0.772 0.13 71.5);
}
.element {
color: var(--zucchini-flower);
background-color: hsl(34 77% 61%);
border-color: oklch(0.772 0.13 71.5);
}Tailwind CSS v4
@theme {
--color-zucchini-flower: #e8a64e;
--color-zucchini-flower-50: #fff0cd;
--color-zucchini-flower-100: #ffe2b9;
--color-zucchini-flower-200: #f6cc96;
--color-zucchini-flower-300: #dfad6a;
--color-zucchini-flower-400: #ce903d;
--color-zucchini-flower-500: #ba7500;
--color-zucchini-flower-600: #9d6300;
--color-zucchini-flower-700: #7e4f00;
--color-zucchini-flower-800: #5e3900;
--color-zucchini-flower-900: #422700;
--color-zucchini-flower-950: #2a1500;
}SCSS
$zucchini-flower: #e8a64e;
$zucchini-flower-rgb: 232, 166, 78;
$zucchini-flower-light: mix(#fff, $zucchini-flower, 20%);
$zucchini-flower-dark: mix(#000, $zucchini-flower, 20%);
.element {
color: $zucchini-flower;
box-shadow: 0 0 0 2px rgba($zucchini-flower, 0.35);
}