Benannte Farbe · #F5F171
Dolly
Dolly ist #F5F171: rgb(245 241 113), hsl(58 87% 70%), oklch(0.937 0.15 107.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Dolly color name →
#F5F171
oklch(0.937 0.15 107.3)
Farbumrechnungen
- HEX
- #f5f171
- RGB
- rgb(245 241 113)
- HSL
- hsl(58 87% 70%)
- HWB
- hwb(58 44% 4%)
- OKLCH
- oklch(0.937 0.15 107.3)
- OKLab
- oklab(0.937 -0.045 0.143)
- CIE Lab
- lab(93.61 -10.5 61.04)
- LCH
- lch(93.61 61.94 99.8)
- CMYK
- cmyk(0% 2% 54% 4%)
Tints · Shades · Tones
Tints
- F6F383
- F7F493
- F8F6A2
- F8F7B1
- F9F9BF
- FAFACC
- FCFCD9
- FDFDE6
- FEFEF3
Shades
- D5D261
- B6B352
- 989543
- 7B7935
- 5F5D27
- 44431A
- 2B2B0E
- 151404
- 030301
Tones
- E9E575
- DCDA79
- D0CE7C
- C4C37E
- B8B880
- ADAC81
- A1A181
- 969681
- 8B8B81
Farbharmonien
Komplementär +180°
- F5F171
Dolly
- E8E7FF
≈ Cyber Lavender
Analog -30° +30°
- F5F171
Dolly
- FFE6C2
≈ Fricassée
- C0FFA7
≈ Menthol
Triadisch +120° +240°
- F5F171
Dolly
- D0F0FF
≈ Blue Hijab
- FFE0EF
≈ Pale Blossom
Geteilt komplementär +150° +210°
- F5F171
Dolly
- DEEBFF
≈ Husky
- F7E1FF
≈ Sugarpills
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.18:1 · APCA Lc 9
Ag
AAAAuf Schwarz
WCAG 17.70:1 · APCA Lc 95
Beste Textfarbe: #000000
WCAG 17.70:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--dolly: #f5f171;
--dolly-rgb: 245 241 113;
--dolly-oklch: oklch(0.937 0.15 107.3);
}
.element {
color: var(--dolly);
background-color: hsl(58 87% 70%);
border-color: oklch(0.937 0.15 107.3);
}Tailwind CSS v4
@theme {
--color-dolly: #f5f171;
--color-dolly-50: #f8f9c8;
--color-dolly-100: #ebedb3;
--color-dolly-200: #d8da8e;
--color-dolly-300: #bdbe5e;
--color-dolly-400: #a9a41f;
--color-dolly-500: #928b00;
--color-dolly-600: #7c7600;
--color-dolly-700: #635e00;
--color-dolly-800: #4a4400;
--color-dolly-900: #342f00;
--color-dolly-950: #1f1b00;
}SCSS
$dolly: #f5f171;
$dolly-rgb: 245, 241, 113;
$dolly-light: mix(#fff, $dolly, 20%);
$dolly-dark: mix(#000, $dolly, 20%);
.element {
color: $dolly;
box-shadow: 0 0 0 2px rgba($dolly, 0.35);
}