Adlandırılmış renk · #E3E1DD
Freshwater Pearls
Freshwater Pearls, #E3E1DD: rgb(227 225 221), hsl(40 10% 88%), oklch(0.91 0.006 84.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Freshwater Pearls color name →
#E3E1DD
oklch(0.91 0.006 84.6)
Renk dönüşümleri
- HEX
- #e3e1dd
- RGB
- rgb(227 225 221)
- HSL
- hsl(40 10% 88%)
- HWB
- hwb(40 87% 11%)
- OKLCH
- oklch(0.91 0.006 84.6)
- OKLab
- oklab(0.91 0.001 0.006)
- CIE Lab
- lab(89.6 0.18 2.21)
- LCH
- lch(89.6 2.22 85.5)
- CMYK
- cmyk(0% 1% 3% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E6E4E0
- E9E7E4
- EBEAE7
- EEEDEA
- F1F0EE
- F4F3F1
- F7F6F5
- F9F9F8
- FCFCFC
Koyu tonlar
- C5C4C0
- A8A7A4
- 8C8B88
- 71706E
- 575655
- 3F3E3D
- 272726
- 121211
- 030202
Gri tonlar
- D9D7D3
- CECDCA
- C4C3C0
- BAB9B7
- B0AFAD
- A6A6A4
- 9D9C9B
- 939392
- 898989
Renk uyumları
Tamamlayıcı +180°
- E3E1DD
Freshwater Pearls
- DFE1E5
≈ Lilac Champagne
Analog -30° +30°
- E3E1DD
Freshwater Pearls
- E5E0DE
≈ Timid Beige
- E1E2DD
≈ Night White
Üçlü +120° +240°
- E3E1DD
Freshwater Pearls
- DDE2E3
≈ Etched Glass
- E3E0E3
≈ Orchid Blossom
Bölünmüş tamamlayıcı +150° +210°
- E3E1DD
Freshwater Pearls
- DEE2E5
≈ January Dawn
- E1E1E5
≈ Lilac Champagne
Dörtlü +90° +180° +270°
- E3E1DD
Freshwater Pearls
- DEE3E1
≈ Zircon
- DFE1E5
≈ Lilac Champagne
- E5E0E1
≈ Mountain Air
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.30:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.08:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.08:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--freshwater-pearls: #e3e1dd;
--freshwater-pearls-rgb: 227 225 221;
--freshwater-pearls-oklch: oklch(0.91 0.006 84.6);
}
.element {
color: var(--freshwater-pearls);
background-color: hsl(40 10% 88%);
border-color: oklch(0.91 0.006 84.6);
}Tailwind CSS v4
@theme {
--color-freshwater-pearls: #e3e1dd;
--color-freshwater-pearls-50: #f6f5f3;
--color-freshwater-pearls-100: #e9e8e6;
--color-freshwater-pearls-200: #d5d4d1;
--color-freshwater-pearls-300: #b9b7b4;
--color-freshwater-pearls-400: #a09e9b;
--color-freshwater-pearls-500: #888682;
--color-freshwater-pearls-600: #73716e;
--color-freshwater-pearls-700: #5c5b58;
--color-freshwater-pearls-800: #434240;
--color-freshwater-pearls-900: #2e2e2c;
--color-freshwater-pearls-950: #1b1a19;
}SCSS
$freshwater-pearls: #e3e1dd;
$freshwater-pearls-rgb: 227, 225, 221;
$freshwater-pearls-light: mix(#fff, $freshwater-pearls, 20%);
$freshwater-pearls-dark: mix(#000, $freshwater-pearls, 20%);
.element {
color: $freshwater-pearls;
box-shadow: 0 0 0 2px rgba($freshwater-pearls, 0.35);
}