Benannte Farbe · #FFC82A
Bumblebee
Bumblebee ist #FFC82A: rgb(255 200 42), hsl(45 100% 58%), oklch(0.858 0.167 87.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Bumblebee color name →
#FFC82A
oklch(0.858 0.167 87.2)
Farbumrechnungen
- HEX
- #ffc82a
- RGB
- rgb(255 200 42)
- HSL
- hsl(45 100% 58%)
- HWB
- hwb(45 16% 0%)
- OKLCH
- oklch(0.858 0.167 87.2)
- OKLab
- oklab(0.858 0.008 0.166)
- CIE Lab
- lab(83.86 10.62 77.86)
- LCH
- lch(83.86 78.58 82.2)
- CMYK
- cmyk(0% 22% 84% 0%)
Tints · Shades · Tones
Tints
- FFCE50
- FFD46A
- FFDA80
- FFDF94
- FFE5A7
- FFEABA
- FFF0CC
- FFF5DD
- FFFAEE
Shades
- DEAE23
- BE941C
- 9E7B16
- 806310
- 634C0A
- 483605
- 2E2102
- 160F01
- 030200
Tones
- F2C140
- E5BA4E
- D8B359
- CBAC62
- BEA469
- B19D6F
- A59674
- 988F79
- 8C877D
Farbharmonien
Komplementär +180°
- FFC82A
Bumblebee
- BCD0FF
≈ Ice Cold Stare
Analog -30° +30°
- FFC82A
Bumblebee
- FFC295
≈ Wispy White
- C9DE4E
≈ Yuzukoshō
Triadisch +120° +240°
- FFC82A
Bumblebee
- 2FEAFF
≈ Whimsical Blue
- FFB1FE
≈ Strawberry Buttercream
Geteilt komplementär +150° +210°
- FFC82A
Bumblebee
- 9ED9FF
≈ Shiva Blue
- D6C6FF
≈ Innocent Snowdrop
Tetradisch +90° +180° +270°
- FFC82A
Bumblebee
- 00F2CF
≈ Fake Jade
- BCD0FF
≈ Ice Cold Stare
- FFBAD1
≈ Tentacle Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.55:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.54:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.54:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--bumblebee: #ffc82a;
--bumblebee-rgb: 255 200 42;
--bumblebee-oklch: oklch(0.858 0.167 87.2);
}
.element {
color: var(--bumblebee);
background-color: hsl(45 100% 58%);
border-color: oklch(0.858 0.167 87.2);
}Tailwind CSS v4
@theme {
--color-bumblebee: #ffc82a;
--color-bumblebee-50: #fff4bf;
--color-bumblebee-100: #fee6a8;
--color-bumblebee-200: #f1d17e;
--color-bumblebee-300: #d9b244;
--color-bumblebee-400: #c89600;
--color-bumblebee-500: #b57a00;
--color-bumblebee-600: #996800;
--color-bumblebee-700: #7a5300;
--color-bumblebee-800: #5c3b00;
--color-bumblebee-900: #412900;
--color-bumblebee-950: #291600;
}SCSS
$bumblebee: #ffc82a;
$bumblebee-rgb: 255, 200, 42;
$bumblebee-light: mix(#fff, $bumblebee, 20%);
$bumblebee-dark: mix(#000, $bumblebee, 20%);
.element {
color: $bumblebee;
box-shadow: 0 0 0 2px rgba($bumblebee, 0.35);
}