Couleur nommée · #EED1CD
Romantic Déjà Vu
Romantic Déjà Vu correspond à #EED1CD : rgb(238 209 205), hsl(7 49% 87%), oklch(0.884 0.033 27.1). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Romantic Déjà Vu color name →
#EED1CD
oklch(0.884 0.033 27.1)
Conversions de couleur
- HEX
- #eed1cd
- RGB
- rgb(238 209 205)
- HSL
- hsl(7 49% 87%)
- HWB
- hwb(7 80% 7%)
- OKLCH
- oklch(0.884 0.033 27.1)
- OKLab
- oklab(0.884 0.029 0.015)
- CIE Lab
- lab(86.22 9.98 5.91)
- LCH
- lch(86.22 11.6 30.6)
- CMYK
- cmyk(0% 12% 14% 7%)
Teintes · Ombres · Tons
Teintes
- F0D6D2
- F2DAD7
- F3DFDC
- F5E3E1
- F7E8E6
- F8ECEB
- FAF1F0
- FCF6F5
- FDFAFA
Ombres
- CFB5B2
- B19B98
- 93817E
- 776866
- 5C504E
- 423938
- 2A2323
- 14100F
- 030202
Tons
- E3C9C5
- D7C0BD
- CCB8B5
- C1B0AD
- B6A8A6
- ABA09E
- A09896
- 95908F
- 8B8887
Harmonies de couleurs
Complémentaire +180°
- EED1CD
Romantic Déjà Vu
- C1DFE4
≈ Trevi Fountain
Analogue -30° +30°
- EED1CD
Romantic Déjà Vu
- ECD0D9
≈ Creamy Freesia
- EAD4C4
≈ Enjoy
Triadique +120° +240°
- EED1CD
Romantic Déjà Vu
- CBDFCC
≈ Ruins of Civilization
- CFD9EF
≈ Hawkes Blue
Complémentaire divisée +150° +210°
- EED1CD
Romantic Déjà Vu
- C3E0D8
≈ Ulthuan Grey
- C5DDEC
≈ Island View
Tétradique +90° +180° +270°
- EED1CD
Romantic Déjà Vu
- D7DCC4
≈ Garden Gate
- C1DFE4
≈ Trevi Fountain
- DBD5EC
≈ Light Purity
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.43:1 · APCA Lc 21
Ag
AAASur noir
WCAG 14.63:1 · APCA Lc 83
Meilleure couleur de texte: #000000
WCAG 14.63:1 (AAA) · APCA Lc 83
Contrast pairs
Extraits de code
CSS
:root {
--romantic-deja-vu: #eed1cd;
--romantic-deja-vu-rgb: 238 209 205;
--romantic-deja-vu-oklch: oklch(0.884 0.033 27.1);
}
.element {
color: var(--romantic-deja-vu);
background-color: hsl(7 49% 87%);
border-color: oklch(0.884 0.033 27.1);
}Tailwind CSS v4
@theme {
--color-romantic-deja-vu: #eed1cd;
--color-romantic-deja-vu-50: #fff2f0;
--color-romantic-deja-vu-100: #f3e4e2;
--color-romantic-deja-vu-200: #e2cfcc;
--color-romantic-deja-vu-300: #c8b1ae;
--color-romantic-deja-vu-400: #b19794;
--color-romantic-deja-vu-500: #9b7e7a;
--color-romantic-deja-vu-600: #836b68;
--color-romantic-deja-vu-700: #695553;
--color-romantic-deja-vu-800: #4d3e3d;
--color-romantic-deja-vu-900: #362b2a;
--color-romantic-deja-vu-950: #211817;
}SCSS
$romantic-deja-vu: #eed1cd;
$romantic-deja-vu-rgb: 238, 209, 205;
$romantic-deja-vu-light: mix(#fff, $romantic-deja-vu, 20%);
$romantic-deja-vu-dark: mix(#000, $romantic-deja-vu, 20%);
.element {
color: $romantic-deja-vu;
box-shadow: 0 0 0 2px rgba($romantic-deja-vu, 0.35);
}