Named color · #FDE3B5
White Strawberry
White Strawberry is #FDE3B5: rgb(253 227 181), hsl(38 95% 85%), oklch(0.926 0.066 81.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · White Strawberry color name →
#FDE3B5
oklch(0.926 0.066 81.8)
Color conversions
- HEX
- #fde3b5
- RGB
- rgb(253 227 181)
- HSL
- hsl(38 95% 85%)
- HWB
- hwb(38 71% 1%)
- OKLCH
- oklch(0.926 0.066 81.8)
- OKLab
- oklab(0.926 0.009 0.065)
- CIE Lab
- lab(91.56 4.29 25.99)
- LCH
- lch(91.56 26.34 80.6)
- CMYK
- cmyk(0% 10% 28% 1%)
Tints · Shades · Tones
Tints
- FDE6BD
- FEE9C4
- FEECCC
- FEEED3
- FEF1DA
- FEF4E2
- FFF7E9
- FFFAF0
- FFFCF8
Shades
- DCC59D
- BCA886
- 9D8C6F
- 7F7159
- 625744
- 473F30
- 2D271D
- 16120C
- 030302
Tones
- F0D9B0
- E3CFAB
- D6C4A5
- C9BAA0
- BDB09B
- B0A796
- A49D90
- 98938B
- 8C8985
Color harmonies
Complementary +180°
- FDE3B5
White Strawberry
- DAE7FF
≈ Veiling Waterfalls
Analogous -30° +30°
- FDE3B5
White Strawberry
- FFDFCD
≈ Toronja
- E7ECB9
≈ Lots of Bubbles
Triadic +120° +240°
- FDE3B5
White Strawberry
- B2F4F9
≈ Ice Citadel
- FADAFF
≈ Sugarpills
Split-complementary +150° +210°
- FDE3B5
White Strawberry
- CBECFF
≈ Blue Hijab
- E6E3FF
≈ Lavender Mist
Tetradic +90° +180° +270°
- FDE3B5
White Strawberry
- BAF6E1
≈ Seafair Green
- DAE7FF
≈ Veiling Waterfalls
- FFDBEA
≈ Strawberry Cheesecake
Contrast & accessibility
Ag
FailOn white
WCAG 1.24:1 · APCA Lc 12
Ag
AAAOn black
WCAG 16.83:1 · APCA Lc 92
Best text color: #000000
WCAG 16.83:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--white-strawberry: #fde3b5;
--white-strawberry-rgb: 253 227 181;
--white-strawberry-oklch: oklch(0.926 0.066 81.8);
}
.element {
color: var(--white-strawberry);
background-color: hsl(38 95% 85%);
border-color: oklch(0.926 0.066 81.8);
}Tailwind CSS v4
@theme {
--color-white-strawberry: #fde3b5;
--color-white-strawberry-50: #fef4e0;
--color-white-strawberry-100: #f2e7d0;
--color-white-strawberry-200: #e2d2b5;
--color-white-strawberry-300: #c8b591;
--color-white-strawberry-400: #b29b72;
--color-white-strawberry-500: #9c8252;
--color-white-strawberry-600: #846e46;
--color-white-strawberry-700: #6a5838;
--color-white-strawberry-800: #4f4027;
--color-white-strawberry-900: #372c1a;
--color-white-strawberry-950: #21190b;
}SCSS
$white-strawberry: #fde3b5;
$white-strawberry-rgb: 253, 227, 181;
$white-strawberry-light: mix(#fff, $white-strawberry, 20%);
$white-strawberry-dark: mix(#000, $white-strawberry, 20%);
.element {
color: $white-strawberry;
box-shadow: 0 0 0 2px rgba($white-strawberry, 0.35);
}