Named color · #FEEDE0
Organic Fibre
Organic Fibre is #FEEDE0: rgb(254 237 224), hsl(26 94% 94%), oklch(0.956 0.025 59.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Organic Fibre color name →
#FEEDE0
oklch(0.956 0.025 59.9)
Color conversions
- HEX
- #feede0
- RGB
- rgb(254 237 224)
- HSL
- hsl(26 94% 94%)
- HWB
- hwb(26 88% 0%)
- OKLCH
- oklch(0.956 0.025 59.9)
- OKLab
- oklab(0.956 0.013 0.022)
- CIE Lab
- lab(94.86 4.38 8.5)
- LCH
- lch(94.86 9.56 62.7)
- CMYK
- cmyk(0% 7% 12% 0%)
Tints · Shades · Tones
Tints
- FEEFE3
- FEF1E6
- FEF2E9
- FEF4EC
- FFF6EF
- FFF8F3
- FFFAF6
- FFFBF9
- FFFDFC
Shades
- DDCEC3
- BDB0A6
- 9E938A
- 807770
- 635C56
- 47423E
- 2D2A27
- 161412
- 030302
Tones
- F1E2D6
- E4D6CC
- D7CBC2
- CAC0B8
- BDB5AF
- B1AAA5
- A49F9C
- 989592
- 8C8A89
Color harmonies
Complementary +180°
- FEEDE0
Organic Fibre
- E3F3FF
≈ Wizard White
Analogous -30° +30°
- FEEDE0
Organic Fibre
- FFEBE8
≈ Rose Frost
- F7F0DE
≈ Cottage White
Triadic +120° +240°
- FEEDE0
Organic Fibre
- DFF6F1
≈ Frosty Mint
- F3EDFF
≈ Foundation White
Split-complementary +150° +210°
- FEEDE0
Organic Fibre
- DEF6FA
≈ Coastal Breeze
- EBF0FF
≈ Carte Blanche
Tetradic +90° +180° +270°
- FEEDE0
Organic Fibre
- E5F6E8
≈ Nettle Rash
- E3F3FF
≈ Wizard White
- FBEBF9
≈ Placebo Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.14:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.40:1 · APCA Lc 98
Best text color: #000000
WCAG 18.40:1 (AAA) · APCA Lc 98
Contrast pairs
Code snippets
CSS
:root {
--organic-fibre: #feede0;
--organic-fibre-rgb: 254 237 224;
--organic-fibre-oklch: oklch(0.956 0.025 59.9);
}
.element {
color: var(--organic-fibre);
background-color: hsl(26 94% 94%);
border-color: oklch(0.956 0.025 59.9);
}Tailwind CSS v4
@theme {
--color-organic-fibre: #feede0;
--color-organic-fibre-50: #fbf4ee;
--color-organic-fibre-100: #eee6df;
--color-organic-fibre-200: #ddd2ca;
--color-organic-fibre-300: #c1b5ab;
--color-organic-fibre-400: #aa9b90;
--color-organic-fibre-500: #938376;
--color-organic-fibre-600: #7d6f64;
--color-organic-fibre-700: #645850;
--color-organic-fibre-800: #49403a;
--color-organic-fibre-900: #332c28;
--color-organic-fibre-950: #1f1916;
}SCSS
$organic-fibre: #feede0;
$organic-fibre-rgb: 254, 237, 224;
$organic-fibre-light: mix(#fff, $organic-fibre, 20%);
$organic-fibre-dark: mix(#000, $organic-fibre, 20%);
.element {
color: $organic-fibre;
box-shadow: 0 0 0 2px rgba($organic-fibre, 0.35);
}