Benannte Farbe · #F8E47E
Yellow Dragon
Yellow Dragon ist #F8E47E: rgb(248 228 126), hsl(50 90% 73%), oklch(0.914 0.125 98.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Yellow Dragon color name →
#F8E47E
oklch(0.914 0.125 98.5)
Farbumrechnungen
- HEX
- #f8e47e
- RGB
- rgb(248 228 126)
- HSL
- hsl(50 90% 73%)
- HWB
- hwb(50 49% 3%)
- OKLCH
- oklch(0.914 0.125 98.5)
- OKLab
- oklab(0.914 -0.018 0.123)
- CIE Lab
- lab(90.67 -2.45 51.89)
- LCH
- lch(90.67 51.95 92.7)
- CMYK
- cmyk(0% 8% 49% 3%)
Tints · Shades · Tones
Tints
- F9E78D
- F9EA9B
- FAEDA9
- FBEFB6
- FBF2C2
- FCF5CF
- FDF7DB
- FDFAE7
- FEFDF3
Shades
- D8C66D
- B8A95C
- 9A8D4C
- 7C723C
- 60582D
- 453F1F
- 2C2811
- 151205
- 030301
Tones
- EBDA80
- DFCF82
- D2C583
- C6BB83
- BAB184
- AEA783
- A29D83
- 979482
- 8B8A81
Farbharmonien
Komplementär +180°
- F8E47E
Yellow Dragon
- DCE1FF
≈ Stoic White
Analog -30° +30°
- F8E47E
Yellow Dragon
- FFDCB7
≈ Peachy Sand
- CAF398
≈ Laced Green
Triadisch +120° +240°
- F8E47E
Yellow Dragon
- B4EEFF
≈ Ice Effect
- FFD4F1
≈ Sweet Sachet
Geteilt komplementär +150° +210°
- F8E47E
Yellow Dragon
- CDE6FF
≈ Veiling Waterfalls
- EDDAFF
≈ Lavender Savour
Tetradisch +90° +180° +270°
- F8E47E
Yellow Dragon
- 6EFDF3
≈ Moonglade Water
- DCE1FF
≈ Stoic White
- FFD7DD
≈ No Need to Blush
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.28:1 · APCA Lc 14
Ag
AAAAuf Schwarz
WCAG 16.38:1 · APCA Lc 90
Beste Textfarbe: #000000
WCAG 16.38:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--yellow-dragon: #f8e47e;
--yellow-dragon-rgb: 248 228 126;
--yellow-dragon-oklch: oklch(0.914 0.125 98.5);
}
.element {
color: var(--yellow-dragon);
background-color: hsl(50 90% 73%);
border-color: oklch(0.914 0.125 98.5);
}Tailwind CSS v4
@theme {
--color-yellow-dragon: #f8e47e;
--color-yellow-dragon-50: #fdf7ce;
--color-yellow-dragon-100: #f1eaba;
--color-yellow-dragon-200: #e0d698;
--color-yellow-dragon-300: #c6b96c;
--color-yellow-dragon-400: #b29f3d;
--color-yellow-dragon-500: #9c8600;
--color-yellow-dragon-600: #847100;
--color-yellow-dragon-700: #6a5b00;
--color-yellow-dragon-800: #4f4200;
--color-yellow-dragon-900: #372d00;
--color-yellow-dragon-950: #221a00;
}SCSS
$yellow-dragon: #f8e47e;
$yellow-dragon-rgb: 248, 228, 126;
$yellow-dragon-light: mix(#fff, $yellow-dragon, 20%);
$yellow-dragon-dark: mix(#000, $yellow-dragon, 20%);
.element {
color: $yellow-dragon;
box-shadow: 0 0 0 2px rgba($yellow-dragon, 0.35);
}