Benannte Farbe · #EEDD11
Yellow Buzzing
Yellow Buzzing ist #EEDD11: rgb(238 221 17), hsl(55 87% 50%), oklch(0.884 0.184 103.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Yellow Buzzing color name →
#EEDD11
oklch(0.884 0.184 103.8)
Farbumrechnungen
- HEX
- #eedd11
- RGB
- rgb(238 221 17)
- HSL
- hsl(55 87% 50%)
- HWB
- hwb(55 7% 7%)
- OKLCH
- oklch(0.884 0.184 103.8)
- OKLab
- oklab(0.884 -0.044 0.179)
- CIE Lab
- lab(87.43 -6.95 84.17)
- LCH
- lch(87.43 84.46 94.7)
- CMYK
- cmyk(0% 7% 93% 7%)
Tints · Shades · Tones
Tints
- EFE148
- F1E566
- F2E87E
- F4EC93
- F6EFA7
- F7F3B9
- F9F6CB
- FBF9DD
- FDFCEE
Shades
- CFC00D
- B1A409
- 938806
- 776E04
- 5C5502
- 423D01
- 2A2600
- 141100
- 030200
Tones
- E2D436
- D7CA49
- CBC156
- C0B860
- B5AE68
- AAA56F
- 9F9C74
- 959379
- 8A897D
Farbharmonien
Komplementär +180°
- EEDD11
Yellow Buzzing
- D3D4FF
≈ Pale Phthalo Blue
Analog -30° +30°
- EEDD11
Yellow Buzzing
- FFD091
≈ Juicy Mango
- A5F26C
≈ Inchworm
Triadisch +120° +240°
- EEDD11
Yellow Buzzing
- 9FE5FF
≈ Winter Wizard
- FFC4E6
≈ Sugarwinkle
Geteilt komplementär +150° +210°
- EEDD11
Yellow Buzzing
- BFDCFF
≈ Broad Daylight
- ECC9FF
≈ Aquarelle Lilac
Tetradisch +90° +180° +270°
- EEDD11
Yellow Buzzing
- 00F7F5
≈ Frozen State
- D3D4FF
≈ Pale Phthalo Blue
- FFC9CC
≈ Sweet Memories
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.40:1 · APCA Lc 19
Ag
AAAAuf Schwarz
WCAG 14.98:1 · APCA Lc 84
Beste Textfarbe: #000000
WCAG 14.98:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--yellow-buzzing: #eedd11;
--yellow-buzzing-rgb: 238 221 17;
--yellow-buzzing-oklch: oklch(0.884 0.184 103.8);
}
.element {
color: var(--yellow-buzzing);
background-color: hsl(55 87% 50%);
border-color: oklch(0.884 0.184 103.8);
}Tailwind CSS v4
@theme {
--color-yellow-buzzing: #eedd11;
--color-yellow-buzzing-50: #fcf9bc;
--color-yellow-buzzing-100: #f0eca4;
--color-yellow-buzzing-200: #dfd978;
--color-yellow-buzzing-300: #c5bc38;
--color-yellow-buzzing-400: #b2a100;
--color-yellow-buzzing-500: #9d8800;
--color-yellow-buzzing-600: #857300;
--color-yellow-buzzing-700: #6a5c00;
--color-yellow-buzzing-800: #504200;
--color-yellow-buzzing-900: #382e00;
--color-yellow-buzzing-950: #231a00;
}SCSS
$yellow-buzzing: #eedd11;
$yellow-buzzing-rgb: 238, 221, 17;
$yellow-buzzing-light: mix(#fff, $yellow-buzzing, 20%);
$yellow-buzzing-dark: mix(#000, $yellow-buzzing, 20%);
.element {
color: $yellow-buzzing;
box-shadow: 0 0 0 2px rgba($yellow-buzzing, 0.35);
}