Couleur nommée · #EAE1DD
Sweet Roses
Sweet Roses correspond à #EAE1DD : rgb(234 225 221), hsl(18 24% 89%), oklch(0.916 0.011 45.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Sweet Roses color name →
#EAE1DD
oklch(0.916 0.011 45.7)
Conversions de couleur
- HEX
- #eae1dd
- RGB
- rgb(234 225 221)
- HSL
- hsl(18 24% 89%)
- HWB
- hwb(18 87% 8%)
- OKLCH
- oklch(0.916 0.011 45.7)
- OKLab
- oklab(0.916 0.008 0.008)
- CIE Lab
- lab(90.17 2.65 3.11)
- LCH
- lch(90.17 4.09 49.5)
- CMYK
- cmyk(0% 4% 6% 8%)
Teintes · Ombres · Tons
Teintes
- ECE4E0
- EEE7E4
- F0EAE7
- F2EDEB
- F4F0EE
- F7F3F1
- F9F6F5
- FBF9F8
- FDFCFC
Ombres
- CBC4C0
- AEA7A4
- 918B88
- 75706E
- 5A5655
- 413E3D
- 292726
- 131211
- 030202
Tons
- DFD7D3
- D4CDCA
- C9C3C0
- BEB9B7
- B4AFAD
- A9A6A4
- 9F9C9B
- 949392
- 8A8989
Harmonies de couleurs
Complémentaire +180°
- EAE1DD
Sweet Roses
- DCE5E9
≈ Elusive Blue
Analogue -30° +30°
- EAE1DD
Sweet Roses
- EBE0E1
≈ Crystallise
- E8E2DB
≈ Great Tit Eggs
Triadique +120° +240°
- EAE1DD
Sweet Roses
- DDE6E1
≈ Pirate Coast
- E2E2EB
≈ White Lavender
Complémentaire divisée +150° +210°
- EAE1DD
Sweet Roses
- DBE6E5
≈ Cameo Green
- DEE4EB
≈ Chapeau Violet
Tétradique +90° +180° +270°
- EAE1DD
Sweet Roses
- E0E5DE
≈ Chinese White
- DCE5E9
≈ Elusive Blue
- E6E1E8
≈ Budapest Pastel
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.28:1 · APCA Lc 14
Ag
AAASur noir
WCAG 16.31:1 · APCA Lc 90
Meilleure couleur de texte: #000000
WCAG 16.31:1 (AAA) · APCA Lc 90
Contrast pairs
Extraits de code
CSS
:root {
--sweet-roses: #eae1dd;
--sweet-roses-rgb: 234 225 221;
--sweet-roses-oklch: oklch(0.916 0.011 45.7);
}
.element {
color: var(--sweet-roses);
background-color: hsl(18 24% 89%);
border-color: oklch(0.916 0.011 45.7);
}Tailwind CSS v4
@theme {
--color-sweet-roses: #eae1dd;
--color-sweet-roses-50: #f8f4f2;
--color-sweet-roses-100: #ebe7e5;
--color-sweet-roses-200: #d8d3d0;
--color-sweet-roses-300: #bdb6b2;
--color-sweet-roses-400: #a49c99;
--color-sweet-roses-500: #8d8480;
--color-sweet-roses-600: #77706c;
--color-sweet-roses-700: #5f5957;
--color-sweet-roses-800: #46413f;
--color-sweet-roses-900: #302d2c;
--color-sweet-roses-950: #1d1a19;
}SCSS
$sweet-roses: #eae1dd;
$sweet-roses-rgb: 234, 225, 221;
$sweet-roses-light: mix(#fff, $sweet-roses, 20%);
$sweet-roses-dark: mix(#000, $sweet-roses, 20%);
.element {
color: $sweet-roses;
box-shadow: 0 0 0 2px rgba($sweet-roses, 0.35);
}