Benannte Farbe · #F0C641
Buzz
Buzz ist #F0C641: rgb(240 198 65), hsl(46 85% 60%), oklch(0.841 0.151 90.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Buzz color name →
#F0C641
oklch(0.841 0.151 90.7)
Farbumrechnungen
- HEX
- #f0c641
- RGB
- rgb(240 198 65)
- HSL
- hsl(46 85% 60%)
- HWB
- hwb(46 25% 6%)
- OKLCH
- oklch(0.841 0.151 90.7)
- OKLab
- oklab(0.841 -0.002 0.151)
- CIE Lab
- lab(81.94 5.89 68.36)
- LCH
- lch(81.94 68.62 85.1)
- CMYK
- cmyk(0% 17% 73% 6%)
Tints · Shades · Tones
Tints
- F2CC5C
- F3D273
- F5D887
- F6DE99
- F8E4AB
- F9E9BC
- FBEFCD
- FCF4DE
- FEFAEF
Shades
- D1AC37
- B2922E
- 957A25
- 78621C
- 5D4B13
- 43350B
- 2A2105
- 140E01
- 030200
Tones
- E4BF4E
- D9B858
- CDB160
- C2AA67
- B7A36D
- AB9C72
- A09576
- 958E7A
- 8B877D
Farbharmonien
Komplementär +180°
- F0C641
Buzz
- B7C9FF
≈ Light Periwinkle
Analog -30° +30°
- F0C641
Buzz
- FFBA80
≈ Goose Bill
- BDD960
≈ Frog Prince
Triadisch +120° +240°
- F0C641
Buzz
- 19E3FF
≈ Vaporwave Blue
- FFA8F5
≈ Pink Wink
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.63:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.85:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.85:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--buzz: #f0c641;
--buzz-rgb: 240 198 65;
--buzz-oklch: oklch(0.841 0.151 90.7);
}
.element {
color: var(--buzz);
background-color: hsl(46 85% 60%);
border-color: oklch(0.841 0.151 90.7);
}Tailwind CSS v4
@theme {
--color-buzz: #f0c641;
--color-buzz-50: #fff5c4;
--color-buzz-100: #f9e7ae;
--color-buzz-200: #ebd388;
--color-buzz-300: #d2b554;
--color-buzz-400: #c09900;
--color-buzz-500: #ac7f00;
--color-buzz-600: #916c00;
--color-buzz-700: #745600;
--color-buzz-800: #573e00;
--color-buzz-900: #3d2b00;
--color-buzz-950: #271800;
}SCSS
$buzz: #f0c641;
$buzz-rgb: 240, 198, 65;
$buzz-light: mix(#fff, $buzz, 20%);
$buzz-dark: mix(#000, $buzz, 20%);
.element {
color: $buzz;
box-shadow: 0 0 0 2px rgba($buzz, 0.35);
}