Adlandırılmış renk · #E7E8E1
Wedding Cake White
Wedding Cake White, #E7E8E1: rgb(231 232 225), hsl(69 13% 90%), oklch(0.928 0.009 113.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Wedding Cake White color name →
#E7E8E1
oklch(0.928 0.009 113.2)
Renk dönüşümleri
- HEX
- #e7e8e1
- RGB
- rgb(231 232 225)
- HSL
- hsl(69 13% 90%)
- HWB
- hwb(69 88% 9%)
- OKLCH
- oklch(0.928 0.009 113.2)
- OKLab
- oklab(0.928 -0.004 0.009)
- CIE Lab
- lab(91.77 -1.27 3.29)
- LCH
- lch(91.77 3.53 111.1)
- CMYK
- cmyk(0% 0% 3% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E9EAE4
- ECEDE7
- EEEFEA
- F1F1ED
- F3F3F0
- F5F6F3
- F8F8F6
- FAFAF9
- FDFDFC
Koyu tonlar
- C9CAC4
- ABACA7
- 8F908B
- 737470
- 595956
- 40403E
- 282927
- 131312
- 030302
Gri tonlar
- DCDDD7
- D2D2CD
- C7C8C3
- BCBDB9
- B2B3AF
- A8A8A6
- 9E9E9C
- 949493
- 8A8A89
Renk uyumları
Tamamlayıcı +180°
- E7E8E1
Wedding Cake White
- E7E6ED
≈ Cool Frost
Analog -30° +30°
- E7E8E1
Wedding Cake White
- EAE7E0
≈ Thousand Shells
- E4E9E3
≈ Tidal Mist
Üçlü +120° +240°
- E7E8E1
Wedding Cake White
- E1E8ED
≈ Morning Haze
- EDE5E8
≈ Lavender Pearl
Bölünmüş tamamlayıcı +150° +210°
- E7E8E1
Wedding Cake White
- E4E7EE
≈ Cool Frost
- EAE5EB
≈ Easter Bunny
Dörtlü +90° +180° +270°
- E7E8E1
Wedding Cake White
- E0E9EA
≈ Plaster Cast
- E7E6ED
≈ Cool Frost
- EEE5E4
≈ Venus Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.23:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 17.02:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 17.02:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--wedding-cake-white: #e7e8e1;
--wedding-cake-white-rgb: 231 232 225;
--wedding-cake-white-oklch: oklch(0.928 0.009 113.2);
}
.element {
color: var(--wedding-cake-white);
background-color: hsl(69 13% 90%);
border-color: oklch(0.928 0.009 113.2);
}Tailwind CSS v4
@theme {
--color-wedding-cake-white: #e7e8e1;
--color-wedding-cake-white-50: #f5f5f2;
--color-wedding-cake-white-100: #e8e8e5;
--color-wedding-cake-white-200: #d4d5d0;
--color-wedding-cake-white-300: #b7b8b3;
--color-wedding-cake-white-400: #9e9f99;
--color-wedding-cake-white-500: #868780;
--color-wedding-cake-white-600: #71726c;
--color-wedding-cake-white-700: #5b5b57;
--color-wedding-cake-white-800: #42433f;
--color-wedding-cake-white-900: #2e2e2b;
--color-wedding-cake-white-950: #1b1b19;
}SCSS
$wedding-cake-white: #e7e8e1;
$wedding-cake-white-rgb: 231, 232, 225;
$wedding-cake-white-light: mix(#fff, $wedding-cake-white, 20%);
$wedding-cake-white-dark: mix(#000, $wedding-cake-white, 20%);
.element {
color: $wedding-cake-white;
box-shadow: 0 0 0 2px rgba($wedding-cake-white, 0.35);
}