Named color · #FFF0B5
Dandelion Whisper
Dandelion Whisper is #FFF0B5: rgb(255 240 181), hsl(48 100% 85%), oklch(0.953 0.077 95.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Dandelion Whisper color name →
#FFF0B5
oklch(0.953 0.077 95.5)
Color conversions
- HEX
- #fff0b5
- RGB
- rgb(255 240 181)
- HSL
- hsl(48 100% 85%)
- HWB
- hwb(48 71% 0%)
- OKLCH
- oklch(0.953 0.077 95.5)
- OKLab
- oklab(0.953 -0.007 0.077)
- CIE Lab
- lab(94.96 -1.16 30.55)
- LCH
- lch(94.96 30.57 92.2)
- CMYK
- cmyk(0% 6% 29% 0%)
Tints · Shades · Tones
Tints
- FFF2BD
- FFF3C4
- FFF5CC
- FFF6D3
- FFF8DB
- FFF9E2
- FFFBE9
- FFFCF1
- FFFEF8
Shades
- DED19D
- BEB286
- 9E956F
- 807859
- 635D44
- 484330
- 2E2A1D
- 16140C
- 030302
Tones
- F2E4B0
- E4D9AB
- D7CDA6
- CAC2A0
- BDB79B
- B1AB96
- A4A090
- 98958B
- 8C8B86
Color harmonies
Complementary +180°
- FFF0B5
Dandelion Whisper
- EBEFFF
≈ Carte Blanche
Analogous -30° +30°
- FFF0B5
Dandelion Whisper
- FFECDA
≈ Flowerbed
- E3F9C1
≈ Kiwi Kiss
Triadic +120° +240°
- FFF0B5
Dandelion Whisper
- D5F6FF
≈ Glacial Day
- FFE7F8
≈ Dolomite Crystal
Split-complementary +150° +210°
- FFF0B5
Dandelion Whisper
- E3F2FF
≈ Wizard White
- F4EBFF
≈ Placebo Fuchsia
Tetradic +90° +180° +270°
- FFF0B5
Dandelion Whisper
- BCFFF6
≈ Winter Meadow
- EBEFFF
≈ Carte Blanche
- FFE9ED
≈ Rose Mochi
Contrast & accessibility
Ag
FailOn white
WCAG 1.14:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.38:1 · APCA Lc 98
Best text color: #000000
WCAG 18.38:1 (AAA) · APCA Lc 98
Contrast pairs
Code snippets
CSS
:root {
--dandelion-whisper: #fff0b5;
--dandelion-whisper-rgb: 255 240 181;
--dandelion-whisper-oklch: oklch(0.953 0.077 95.5);
}
.element {
color: var(--dandelion-whisper);
background-color: hsl(48 100% 85%);
border-color: oklch(0.953 0.077 95.5);
}Tailwind CSS v4
@theme {
--color-dandelion-whisper: #fff0b5;
--color-dandelion-whisper-50: #fbf6dd;
--color-dandelion-whisper-100: #efe9cc;
--color-dandelion-whisper-200: #ddd5b0;
--color-dandelion-whisper-300: #c2b88b;
--color-dandelion-whisper-400: #ac9f69;
--color-dandelion-whisper-500: #968648;
--color-dandelion-whisper-600: #7e713d;
--color-dandelion-whisper-700: #655b31;
--color-dandelion-whisper-800: #4b4222;
--color-dandelion-whisper-900: #342d16;
--color-dandelion-whisper-950: #201a08;
}SCSS
$dandelion-whisper: #fff0b5;
$dandelion-whisper-rgb: 255, 240, 181;
$dandelion-whisper-light: mix(#fff, $dandelion-whisper, 20%);
$dandelion-whisper-dark: mix(#000, $dandelion-whisper, 20%);
.element {
color: $dandelion-whisper;
box-shadow: 0 0 0 2px rgba($dandelion-whisper, 0.35);
}