Benannte Farbe · #FBEB9B
Drover
Drover ist #FBEB9B: rgb(251 235 155), hsl(50 92% 80%), oklch(0.935 0.101 98.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Drover color name →
#FBEB9B
oklch(0.935 0.101 98.3)
Farbumrechnungen
- HEX
- #fbeb9b
- RGB
- rgb(251 235 155)
- HSL
- hsl(50 92% 80%)
- HWB
- hwb(50 61% 2%)
- OKLCH
- oklch(0.935 0.101 98.3)
- OKLab
- oklab(0.935 -0.015 0.1)
- CIE Lab
- lab(93.02 -2.54 40.88)
- LCH
- lch(93.02 40.96 93.6)
- CMYK
- cmyk(0% 6% 38% 2%)
Tints · Shades · Tones
Tints
- FBEDA6
- FCEFB0
- FCF1BB
- FCF3C5
- FDF5CF
- FDF7D9
- FEF9E2
- FEFBEC
- FFFDF6
Shades
- DACC86
- BAAE72
- 9C915E
- 7E754B
- 615B39
- 464128
- 2D2918
- 151309
- 030301
Tones
- EEE099
- E1D597
- D4CA95
- C8BF92
- BCB490
- AFAA8D
- A39F8A
- 979587
- 8C8A83
Farbharmonien
Komplementär +180°
- FBEB9B
Drover
- E4E8FF
≈ Glitter
Analog -30° +30°
- FBEB9B
Drover
- FFE5C9
≈ Apple Crunch
- D6F7AE
≈ Breeze of Green
Triadisch +120° +240°
- FBEB9B
Drover
- C7F2FF
≈ Heaven’s Gate
- FFDFF4
≈ Fairy Salt
Geteilt komplementär +150° +210°
- FBEB9B
Drover
- D9ECFF
≈ Hoarfrost
- F1E3FF
≈ Minute Mauve
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.20:1 · APCA Lc 10
Ag
AAAAuf Schwarz
WCAG 17.45:1 · APCA Lc 94
Beste Textfarbe: #000000
WCAG 17.45:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--drover: #fbeb9b;
--drover-rgb: 251 235 155;
--drover-oklch: oklch(0.935 0.101 98.3);
}
.element {
color: var(--drover);
background-color: hsl(50 92% 80%);
border-color: oklch(0.935 0.101 98.3);
}Tailwind CSS v4
@theme {
--color-drover: #fbeb9b;
--color-drover-50: #fbf7d6;
--color-drover-100: #efe9c3;
--color-drover-200: #ded6a4;
--color-drover-300: #c3b97c;
--color-drover-400: #ae9f56;
--color-drover-500: #98862a;
--color-drover-600: #807226;
--color-drover-700: #675b1e;
--color-drover-800: #4d4213;
--color-drover-900: #352e0c;
--color-drover-950: #201a01;
}SCSS
$drover: #fbeb9b;
$drover-rgb: 251, 235, 155;
$drover-light: mix(#fff, $drover, 20%);
$drover-dark: mix(#000, $drover, 20%);
.element {
color: $drover;
box-shadow: 0 0 0 2px rgba($drover, 0.35);
}