Benannte Farbe · #EAAF11
Sun Drops
Sun Drops ist #EAAF11: rgb(234 175 17), hsl(44 86% 49%), oklch(0.788 0.159 83.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Sun Drops color name →
#EAAF11
oklch(0.788 0.159 83.6)
Farbumrechnungen
- HEX
- #eaaf11
- RGB
- rgb(234 175 17)
- HSL
- hsl(44 86% 49%)
- HWB
- hwb(44 7% 8%)
- OKLCH
- oklch(0.788 0.159 83.6)
- OKLab
- oklab(0.788 0.018 0.158)
- CIE Lab
- lab(75.5 13.82 75.65)
- LCH
- lch(75.5 76.9 79.7)
- CMYK
- cmyk(0% 25% 93% 8%)
Tints · Shades · Tones
Tints
- ECB742
- EFC05E
- F1C876
- F3D08B
- F5D8A0
- F7E0B3
- F9E8C6
- FBF0D9
- FDF7EC
Shades
- CB980D
- AE8109
- 916B06
- 755604
- 5A4102
- 412E01
- 291C00
- 130B00
- 030100
Tones
- DFAB31
- D4A642
- CAA24F
- BF9D59
- B49962
- AA9469
- 9F8F70
- 958A76
- 8A857B
Farbharmonien
Komplementär +180°
- EAAF11
Sun Drops
- 96B9FF
≈ Truesky Gloxym
Analog -30° +30°
- EAAF11
Sun Drops
- FF9F5D
≈ Orange Spice
- BAC435
≈ Fluorescent Lime
Triadisch +120° +240°
- EAAF11
Sun Drops
- 00D2E1
≈ Aztec Turquoise
- EB94F4
≈ Diva Mecha
Geteilt komplementär +150° +210°
- EAAF11
Sun Drops
- 57C7FF
≈ Thor’s Thunder
- BDABFF
≈ Winterspring Lilac
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.97:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.63:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.63:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--sun-drops: #eaaf11;
--sun-drops-rgb: 234 175 17;
--sun-drops-oklch: oklch(0.788 0.159 83.6);
}
.element {
color: var(--sun-drops);
background-color: hsl(44 86% 49%);
border-color: oklch(0.788 0.159 83.6);
}Tailwind CSS v4
@theme {
--color-sun-drops: #eaaf11;
--color-sun-drops-50: #fff3c2;
--color-sun-drops-100: #ffe5ab;
--color-sun-drops-200: #f3d083;
--color-sun-drops-300: #dcb14c;
--color-sun-drops-400: #cb9400;
--color-sun-drops-500: #b77800;
--color-sun-drops-600: #9b6600;
--color-sun-drops-700: #7c5200;
--color-sun-drops-800: #5d3a00;
--color-sun-drops-900: #412800;
--color-sun-drops-950: #2a1600;
}SCSS
$sun-drops: #eaaf11;
$sun-drops-rgb: 234, 175, 17;
$sun-drops-light: mix(#fff, $sun-drops, 20%);
$sun-drops-dark: mix(#000, $sun-drops, 20%);
.element {
color: $sun-drops;
box-shadow: 0 0 0 2px rgba($sun-drops, 0.35);
}