Couleur nommée · #F4E3CB
Cherish Cream
Cherish Cream correspond à #F4E3CB : rgb(244 227 203), hsl(35 65% 88%), oklch(0.923 0.037 76.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Cherish Cream color name →
#F4E3CB
oklch(0.923 0.037 76.6)
Conversions de couleur
- HEX
- #f4e3cb
- RGB
- rgb(244 227 203)
- HSL
- hsl(35 65% 88%)
- HWB
- hwb(35 80% 4%)
- OKLCH
- oklch(0.923 0.037 76.6)
- OKLab
- oklab(0.923 0.009 0.036)
- CIE Lab
- lab(91.15 3.17 13.97)
- LCH
- lch(91.15 14.33 77.2)
- CMYK
- cmyk(0% 7% 17% 4%)
Teintes · Ombres · Tons
Teintes
- F5E6D0
- F6E9D5
- F7EBDB
- F8EEE0
- FAF1E5
- FBF4EA
- FCF7EF
- FDF9F5
- FEFCFA
Ombres
- D4C5B0
- B5A896
- 978C7D
- 7A7165
- 5E574D
- 443F37
- 2B2722
- 14120F
- 030302
Tons
- E8D9C3
- DCCEBC
- D0C4B4
- C4BAAC
- B8B0A5
- ADA69D
- A19D96
- 96938F
- 8B8987
Harmonies de couleurs
Complémentaire +180°
- F4E3CB
Cherish Cream
- D6E7FF
≈ Veiling Waterfalls
Analogue -30° +30°
- F4E3CB
Cherish Cream
- FCDFD1
≈ Elizabeth Rose
- E8E8CC
≈ Rare White Jade
Triadique +120° +240°
- F4E3CB
Cherish Cream
- CAEEEE
≈ Princess Blue Feather
- F0DFF6
≈ Sheer Lavender
Complémentaire divisée +150° +210°
- F4E3CB
Cherish Cream
- CDEBF9
≈ Frosty Day
- E3E3FE
≈ Lavender Mist
Tétradique +90° +180° +270°
- F4E3CB
Cherish Cream
- D0EEE0
≈ Jewel White
- D6E7FF
≈ Veiling Waterfalls
- F9DCEB
≈ Cherry Flower
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.25:1 · APCA Lc 13
Ag
AAASur noir
WCAG 16.69:1 · APCA Lc 91
Meilleure couleur de texte: #000000
WCAG 16.69:1 (AAA) · APCA Lc 91
Contrast pairs
Extraits de code
CSS
:root {
--cherish-cream: #f4e3cb;
--cherish-cream-rgb: 244 227 203;
--cherish-cream-oklch: oklch(0.923 0.037 76.6);
}
.element {
color: var(--cherish-cream);
background-color: hsl(35 65% 88%);
border-color: oklch(0.923 0.037 76.6);
}Tailwind CSS v4
@theme {
--color-cherish-cream: #f4e3cb;
--color-cherish-cream-50: #fbf4ea;
--color-cherish-cream-100: #efe7db;
--color-cherish-cream-200: #ddd3c3;
--color-cherish-cream-300: #c2b6a3;
--color-cherish-cream-400: #ab9c87;
--color-cherish-cream-500: #94836b;
--color-cherish-cream-600: #7d6f5b;
--color-cherish-cream-700: #645948;
--color-cherish-cream-800: #4a4134;
--color-cherish-cream-900: #332d24;
--color-cherish-cream-950: #1f1a13;
}SCSS
$cherish-cream: #f4e3cb;
$cherish-cream-rgb: 244, 227, 203;
$cherish-cream-light: mix(#fff, $cherish-cream, 20%);
$cherish-cream-dark: mix(#000, $cherish-cream, 20%);
.element {
color: $cherish-cream;
box-shadow: 0 0 0 2px rgba($cherish-cream, 0.35);
}