Named color · #E4D8AB
Rice Fibre
Rice Fibre is #E4D8AB: rgb(228 216 171), hsl(47 51% 78%), oklch(0.881 0.06 94.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Rice Fibre color name →
#E4D8AB
oklch(0.881 0.06 94.9)
Color conversions
- HEX
- #e4d8ab
- RGB
- rgb(228 216 171)
- HSL
- hsl(47 51% 78%)
- HWB
- hwb(47 67% 11%)
- OKLCH
- oklch(0.881 0.06 94.9)
- OKLab
- oklab(0.881 -0.005 0.06)
- CIE Lab
- lab(86.48 -0.87 23.85)
- LCH
- lch(86.48 23.87 92.1)
- CMYK
- cmyk(0% 5% 25% 11%)
Tints · Shades · Tones
Tints
- E7DCB3
- E9E0BC
- ECE4C4
- EFE8CD
- F1ECD5
- F4EFDE
- F7F3E6
- FAF7EE
- FCFBF7
Shades
- C6BC94
- A9A07E
- 8D8568
- 726B54
- 585340
- 3F3B2D
- 28251B
- 12110B
- 030201
Tones
- DACFA7
- CFC6A3
- C5BD9E
- BBB49A
- B1AB96
- A7A292
- 9D9A8D
- 939189
- 898884
Color harmonies
Complementary +180°
- E4D8AB
Rice Fibre
- CCD6FF
≈ Pale Phthalo Blue
Analogous -30° +30°
- E4D8AB
Rice Fibre
- F4D0AF
≈ Sandalwood Beige
- CEDFB4
≈ Rockmelon Rind
Triadic +120° +240°
- E4D8AB
Rice Fibre
- AAE3F1
≈ Atmospheric Soft Blue
- F2C9E8
≈ Sugar High
Split-complementary +150° +210°
- E4D8AB
Rice Fibre
- B7DDFE
≈ Broad Daylight
- E1CEF9
≈ Pale Lavender
Tetradic +90° +180° +270°
- E4D8AB
Rice Fibre
- ABE5DD
≈ Aquatic Mist
- CCD6FF
≈ Pale Phthalo Blue
- FCC8D2
≈ Fruit Bowl
Contrast & accessibility
Ag
FailOn white
WCAG 1.42:1 · APCA Lc 21
Ag
AAAOn black
WCAG 14.70:1 · APCA Lc 83
Best text color: #000000
WCAG 14.70:1 (AAA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--rice-fibre: #e4d8ab;
--rice-fibre-rgb: 228 216 171;
--rice-fibre-oklch: oklch(0.881 0.06 94.9);
}
.element {
color: var(--rice-fibre);
background-color: hsl(47 51% 78%);
border-color: oklch(0.881 0.06 94.9);
}Tailwind CSS v4
@theme {
--color-rice-fibre: #e4d8ab;
--color-rice-fibre-50: #faf6e2;
--color-rice-fibre-100: #ede8d2;
--color-rice-fibre-200: #dbd5b8;
--color-rice-fibre-300: #c0b895;
--color-rice-fibre-400: #a99f76;
--color-rice-fibre-500: #938657;
--color-rice-fibre-600: #7c714a;
--color-rice-fibre-700: #635b3b;
--color-rice-fibre-800: #4a422a;
--color-rice-fibre-900: #332e1c;
--color-rice-fibre-950: #1f1a0c;
}SCSS
$rice-fibre: #e4d8ab;
$rice-fibre-rgb: 228, 216, 171;
$rice-fibre-light: mix(#fff, $rice-fibre, 20%);
$rice-fibre-dark: mix(#000, $rice-fibre, 20%);
.element {
color: $rice-fibre;
box-shadow: 0 0 0 2px rgba($rice-fibre, 0.35);
}