Named color · #FAE2BE
Manna
Manna is #FAE2BE: rgb(250 226 190), hsl(36 86% 86%), oklch(0.923 0.054 78). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Manna color name →
#FAE2BE
oklch(0.923 0.054 78)
Color conversions
- HEX
- #fae2be
- RGB
- rgb(250 226 190)
- HSL
- hsl(36 86% 86%)
- HWB
- hwb(36 75% 2%)
- OKLCH
- oklch(0.923 0.054 78)
- OKLab
- oklab(0.923 0.011 0.053)
- CIE Lab
- lab(91.19 4.51 20.83)
- LCH
- lch(91.19 21.31 77.8)
- CMYK
- cmyk(0% 10% 24% 2%)
Tints · Shades · Tones
Tints
- FBE5C5
- FBE8CB
- FCEBD2
- FCEED8
- FDF1DF
- FDF3E5
- FEF6EC
- FEF9F2
- FFFCF9
Shades
- D9C4A5
- BAA88C
- 9B8C75
- 7D715E
- 615748
- 463E33
- 2D271F
- 15120D
- 030302
Tones
- EDD8B8
- E1CEB2
- D4C4AB
- C8BAA5
- BBB09F
- AFA699
- A39C93
- 97938C
- 8C8986
Color harmonies
Complementary +180°
- FAE2BE
Manna
- D7E7FF
≈ Veiling Waterfalls
Analogous -30° +30°
- FAE2BE
Manna
- FFDECD
≈ Toronja
- E9E9C0
≈ White Asparagus
Triadic +120° +240°
- FAE2BE
Manna
- BCF1F3
≈ Cold Blooded
- F5DBFE
≈ Lavender Savour
Split-complementary +150° +210°
- FAE2BE
Manna
- C6EDFF
≈ Blue Java Banana
- E4E2FF
≈ Stoic White
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.25:1 · APCA Lc 13
Ag
AAAOn black
WCAG 16.68:1 · APCA Lc 91
Best text color: #000000
WCAG 16.68:1 (AAA) · APCA Lc 91
Contrast pairs
Code snippets
CSS
:root {
--manna: #fae2be;
--manna-rgb: 250 226 190;
--manna-oklch: oklch(0.923 0.054 78);
}
.element {
color: var(--manna);
background-color: hsl(36 86% 86%);
border-color: oklch(0.923 0.054 78);
}Tailwind CSS v4
@theme {
--color-manna: #fae2be;
--color-manna-50: #fdf4e4;
--color-manna-100: #f2e6d4;
--color-manna-200: #e1d2bb;
--color-manna-300: #c6b599;
--color-manna-400: #b09b7b;
--color-manna-500: #9a825d;
--color-manna-600: #826e4f;
--color-manna-700: #68583f;
--color-manna-800: #4d402d;
--color-manna-900: #362c1e;
--color-manna-950: #21190e;
}SCSS
$manna: #fae2be;
$manna-rgb: 250, 226, 190;
$manna-light: mix(#fff, $manna, 20%);
$manna-dark: mix(#000, $manna, 20%);
.element {
color: $manna;
box-shadow: 0 0 0 2px rgba($manna, 0.35);
}