Warna bernama · #EED1CD
Romantic Déjà Vu
Romantic Déjà Vu adalah #EED1CD: rgb(238 209 205), hsl(7 49% 87%), oklch(0.884 0.033 27.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Romantic Déjà Vu color name →
#EED1CD
oklch(0.884 0.033 27.1)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- F0D6D2
- F2DAD7
- F3DFDC
- F5E3E1
- F7E8E6
- F8ECEB
- FAF1F0
- FCF6F5
- FDFAFA
Shade
- CFB5B2
- B19B98
- 93817E
- 776866
- 5C504E
- 423938
- 2A2323
- 14100F
- 030202
Tone
- E3C9C5
- D7C0BD
- CCB8B5
- C1B0AD
- B6A8A6
- ABA09E
- A09896
- 95908F
- 8B8887
Harmoni warna
Komplementer +180°
- EED1CD
Romantic Déjà Vu
- C1DFE4
≈ Trevi Fountain
Analog -30° +30°
- EED1CD
Romantic Déjà Vu
- ECD0D9
≈ Creamy Freesia
- EAD4C4
≈ Enjoy
Triadik +120° +240°
- EED1CD
Romantic Déjà Vu
- CBDFCC
≈ Ruins of Civilization
- CFD9EF
≈ Hawkes Blue
Split-komplementer +150° +210°
- EED1CD
Romantic Déjà Vu
- C3E0D8
≈ Ulthuan Grey
- C5DDEC
≈ Island View
Tetradik +90° +180° +270°
- EED1CD
Romantic Déjà Vu
- D7DCC4
≈ Garden Gate
- C1DFE4
≈ Trevi Fountain
- DBD5EC
≈ Light Purity
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.43:1 · APCA Lc 21
Ag
AAADi atas hitam
WCAG 14.63:1 · APCA Lc 83
Warna teks terbaik: #000000
WCAG 14.63:1 (AAA) · APCA Lc 83
Contrast pairs
Cuplikan kode
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);
}