Named color · #E1D8B8
Flowering Reed
Flowering Reed is #E1D8B8: rgb(225 216 184), hsl(47 41% 80%), oklch(0.881 0.044 94.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Flowering Reed color name →
#E1D8B8
oklch(0.881 0.044 94.1)
Color conversions
- HEX
- #e1d8b8
- RGB
- rgb(225 216 184)
- HSL
- hsl(47 41% 80%)
- HWB
- hwb(47 72% 12%)
- OKLCH
- oklch(0.881 0.044 94.1)
- OKLab
- oklab(0.881 -0.003 0.044)
- CIE Lab
- lab(86.45 -0.64 17.02)
- LCH
- lch(86.45 17.03 92.1)
- CMYK
- cmyk(0% 4% 18% 12%)
Tints · Shades · Tones
Tints
- E4DCBF
- E7E0C6
- EAE4CD
- EDE8D4
- F0EBDB
- F3EFE2
- F6F3EA
- F9F7F1
- FCFBF8
Shades
- C4BCA0
- A7A088
- 8B8571
- 706B5B
- 565345
- 3E3B31
- 27251E
- 12110C
- 020202
Tones
- D7CFB2
- CDC6AD
- C3BDA7
- B9B4A1
- AFAB9C
- A6A296
- 9C9A91
- 93918B
- 898886
Color harmonies
Complementary +180°
- E1D8B8
Flowering Reed
- CED6F5
≈ Flax Bloom
Analogous -30° +30°
- E1D8B8
Flowering Reed
- EDD2BB
≈ South Peach
- D2DDBE
≈ Dream Seascape
Triadic +120° +240°
- E1D8B8
Flowering Reed
- B8E0EA
≈ Minor Blue
- EBCEE4
≈ Sweet Dreams
Split-complementary +150° +210°
- E1D8B8
Flowering Reed
- C0DCF3
≈ Greek Isles
- DED1F0
≈ Japan Blush
Tetradic +90° +180° +270°
- E1D8B8
Flowering Reed
- B9E2DB
≈ Mystic Sea
- CED6F5
≈ Flax Bloom
- F2CDD4
≈ Milkshake Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.42:1 · APCA Lc 21
Ag
AAAOn black
WCAG 14.71:1 · APCA Lc 83
Best text color: #000000
WCAG 14.71:1 (AAA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--flowering-reed: #e1d8b8;
--flowering-reed-rgb: 225 216 184;
--flowering-reed-oklch: oklch(0.881 0.044 94.1);
}
.element {
color: var(--flowering-reed);
background-color: hsl(47 41% 80%);
border-color: oklch(0.881 0.044 94.1);
}Tailwind CSS v4
@theme {
--color-flowering-reed: #e1d8b8;
--color-flowering-reed-50: #f9f5e8;
--color-flowering-reed-100: #ece8d8;
--color-flowering-reed-200: #d9d5c0;
--color-flowering-reed-300: #beb89f;
--color-flowering-reed-400: #a79e82;
--color-flowering-reed-500: #8f8665;
--color-flowering-reed-600: #797256;
--color-flowering-reed-700: #615b45;
--color-flowering-reed-800: #484231;
--color-flowering-reed-900: #322e21;
--color-flowering-reed-950: #1e1a11;
}SCSS
$flowering-reed: #e1d8b8;
$flowering-reed-rgb: 225, 216, 184;
$flowering-reed-light: mix(#fff, $flowering-reed, 20%);
$flowering-reed-dark: mix(#000, $flowering-reed, 20%);
.element {
color: $flowering-reed;
box-shadow: 0 0 0 2px rgba($flowering-reed, 0.35);
}