Benannte Farbe · #FEDF08
Dandelion
Dandelion ist #FEDF08: rgb(254 223 8), hsl(52 99% 51%), oklch(0.902 0.186 99). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Dandelion color name →
#FEDF08
oklch(0.902 0.186 99)
Farbumrechnungen
- HEX
- #fedf08
- RGB
- rgb(254 223 8)
- HSL
- hsl(52 99% 51%)
- HWB
- hwb(52 3% 0%)
- OKLCH
- oklch(0.902 0.186 99)
- OKLab
- oklab(0.902 -0.029 0.184)
- CIE Lab
- lab(89.38 -1.29 87.14)
- LCH
- lch(89.38 87.15 90.8)
- CMYK
- cmyk(0% 12% 97% 0%)
Tints · Shades · Tones
Tints
- FEE347
- FEE666
- FEEA7E
- FEED94
- FEF1A7
- FEF4BA
- FEF7CC
- FFFADD
- FFFCEE
Shades
- DDC206
- BDA504
- 9E8A03
- 806F02
- 635601
- 473D01
- 2D2700
- 161200
- 030200
Tones
- F1D535
- E3CC48
- D6C256
- C9B960
- BDAF68
- B0A66F
- A49D75
- 989379
- 8C8A7D
Farbharmonien
Komplementär +180°
- FEDF08
Dandelion
- D7DCFF
≈ Transparent Blue
Analog -30° +30°
- FEDF08
Dandelion
- FFD7AB
≈ Peach Cider
- B8F664
≈ Lima
Triadisch +120° +240°
- FEDF08
Dandelion
- A9EBFF
≈ Beyond the Clouds
- FFCDEE
≈ Infra-White
Geteilt komplementär +150° +210°
- FEDF08
Dandelion
- C6E2FF
≈ Fresh Water
- EBD4FF
≈ Rose Dragée
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.33:1 · APCA Lc 16
Ag
AAAAuf Schwarz
WCAG 15.77:1 · APCA Lc 88
Beste Textfarbe: #000000
WCAG 15.77:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--dandelion: #fedf08;
--dandelion-rgb: 254 223 8;
--dandelion-oklch: oklch(0.902 0.186 99);
}
.element {
color: var(--dandelion);
background-color: hsl(52 99% 51%);
border-color: oklch(0.902 0.186 99);
}Tailwind CSS v4
@theme {
--color-dandelion: #fedf08;
--color-dandelion-50: #fff8ba;
--color-dandelion-100: #f5eaa1;
--color-dandelion-200: #e5d774;
--color-dandelion-300: #ccb930;
--color-dandelion-400: #bb9e00;
--color-dandelion-500: #a68300;
--color-dandelion-600: #8c6f00;
--color-dandelion-700: #715900;
--color-dandelion-800: #554000;
--color-dandelion-900: #3b2c00;
--color-dandelion-950: #251900;
}SCSS
$dandelion: #fedf08;
$dandelion-rgb: 254, 223, 8;
$dandelion-light: mix(#fff, $dandelion, 20%);
$dandelion-dark: mix(#000, $dandelion, 20%);
.element {
color: $dandelion;
box-shadow: 0 0 0 2px rgba($dandelion, 0.35);
}