Nazwany kolor · #EED1CD
Romantic Déjà Vu
Romantic Déjà Vu to #EED1CD: rgb(238 209 205), hsl(7 49% 87%), oklch(0.884 0.033 27.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Romantic Déjà Vu color name →
#EED1CD
oklch(0.884 0.033 27.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0D6D2
- F2DAD7
- F3DFDC
- F5E3E1
- F7E8E6
- F8ECEB
- FAF1F0
- FCF6F5
- FDFAFA
Odcienie ciemniejsze
- CFB5B2
- B19B98
- 93817E
- 776866
- 5C504E
- 423938
- 2A2323
- 14100F
- 030202
Tony
- E3C9C5
- D7C0BD
- CCB8B5
- C1B0AD
- B6A8A6
- ABA09E
- A09896
- 95908F
- 8B8887
Harmonie kolorów
Komplementarna +180°
- EED1CD
Romantic Déjà Vu
- C1DFE4
≈ Trevi Fountain
Analogowa -30° +30°
- EED1CD
Romantic Déjà Vu
- ECD0D9
≈ Creamy Freesia
- EAD4C4
≈ Enjoy
Triada +120° +240°
- EED1CD
Romantic Déjà Vu
- CBDFCC
≈ Ruins of Civilization
- CFD9EF
≈ Hawkes Blue
Komplementarna rozszczepiona +150° +210°
- EED1CD
Romantic Déjà Vu
- C3E0D8
≈ Ulthuan Grey
- C5DDEC
≈ Island View
Tetrada +90° +180° +270°
- EED1CD
Romantic Déjà Vu
- D7DCC4
≈ Garden Gate
- C1DFE4
≈ Trevi Fountain
- DBD5EC
≈ Light Purity
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.43:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.63:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.63:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
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);
}