Couleur nommée · #EFE0DE
Rose Cream
Rose Cream correspond à #EFE0DE : rgb(239 224 222), hsl(7 35% 90%), oklch(0.918 0.017 26.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Rose Cream color name →
#EFE0DE
oklch(0.918 0.017 26.7)
Conversions de couleur
- HEX
- #efe0de
- RGB
- rgb(239 224 222)
- HSL
- hsl(7 35% 90%)
- HWB
- hwb(7 87% 6%)
- OKLCH
- oklch(0.918 0.017 26.7)
- OKLab
- oklab(0.918 0.015 0.008)
- CIE Lab
- lab(90.35 5.05 2.92)
- LCH
- lch(90.35 5.83 30.1)
- CMYK
- cmyk(0% 6% 7% 6%)
Teintes · Ombres · Tons
Teintes
- F1E3E1
- F2E6E5
- F4E9E8
- F5ECEB
- F7EFEE
- F9F3F2
- FAF6F5
- FCF9F8
- FDFCFC
Ombres
- D0C3C1
- B1A6A5
- 948A89
- 78706F
- 5C5655
- 423E3D
- 2A2726
- 141212
- 030202
Tons
- E3D6D4
- D8CCCA
- CCC2C1
- C1B8B7
- B6AFAE
- ABA5A4
- A09C9B
- 959292
- 8B8989
Harmonies de couleurs
Complémentaire +180°
- EFE0DE
Rose Cream
- D8E7E9
≈ Soft Blue White
Analogue -30° +30°
- EFE0DE
Rose Cream
- EEE0E4
≈ Barely Rose
- EDE1D9
≈ Landing
Triadique +120° +240°
- EFE0DE
Rose Cream
- DDE7DE
≈ Minified Green
- DFE4F0
≈ Iris Ice
Complémentaire divisée +150° +210°
- EFE0DE
Rose Cream
- D9E8E4
≈ Aqua Breeze
- DAE6EE
≈ First Light
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.28:1 · APCA Lc 14
Ag
AAASur noir
WCAG 16.38:1 · APCA Lc 90
Meilleure couleur de texte: #000000
WCAG 16.38:1 (AAA) · APCA Lc 90
Contrast pairs
Extraits de code
CSS
:root {
--rose-cream: #efe0de;
--rose-cream-rgb: 239 224 222;
--rose-cream-oklch: oklch(0.918 0.017 26.7);
}
.element {
color: var(--rose-cream);
background-color: hsl(7 35% 90%);
border-color: oklch(0.918 0.017 26.7);
}Tailwind CSS v4
@theme {
--color-rose-cream: #efe0de;
--color-rose-cream-50: #faf3f2;
--color-rose-cream-100: #ede6e5;
--color-rose-cream-200: #dbd2d0;
--color-rose-cream-300: #c0b4b2;
--color-rose-cream-400: #a89b99;
--color-rose-cream-500: #918280;
--color-rose-cream-600: #7b6e6d;
--color-rose-cream-700: #625857;
--color-rose-cream-800: #48403f;
--color-rose-cream-900: #322c2c;
--color-rose-cream-950: #1e1919;
}SCSS
$rose-cream: #efe0de;
$rose-cream-rgb: 239, 224, 222;
$rose-cream-light: mix(#fff, $rose-cream, 20%);
$rose-cream-dark: mix(#000, $rose-cream, 20%);
.element {
color: $rose-cream;
box-shadow: 0 0 0 2px rgba($rose-cream, 0.35);
}