Colore con nome · #E7E8E1
Wedding Cake White
Wedding Cake White è #E7E8E1: rgb(231 232 225), hsl(69 13% 90%), oklch(0.928 0.009 113.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Wedding Cake White color name →
#E7E8E1
oklch(0.928 0.009 113.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E9EAE4
- ECEDE7
- EEEFEA
- F1F1ED
- F3F3F0
- F5F6F3
- F8F8F6
- FAFAF9
- FDFDFC
Ombre
- C9CAC4
- ABACA7
- 8F908B
- 737470
- 595956
- 40403E
- 282927
- 131312
- 030302
Toni
- DCDDD7
- D2D2CD
- C7C8C3
- BCBDB9
- B2B3AF
- A8A8A6
- 9E9E9C
- 949493
- 8A8A89
Armonie di colore
Complementare +180°
- E7E8E1
Wedding Cake White
- E7E6ED
≈ Cool Frost
Analogo -30° +30°
- E7E8E1
Wedding Cake White
- EAE7E0
≈ Thousand Shells
- E4E9E3
≈ Tidal Mist
Triadico +120° +240°
- E7E8E1
Wedding Cake White
- E1E8ED
≈ Morning Haze
- EDE5E8
≈ Lavender Pearl
Complementare divisa +150° +210°
- E7E8E1
Wedding Cake White
- E4E7EE
≈ Cool Frost
- EAE5EB
≈ Easter Bunny
Tetradico +90° +180° +270°
- E7E8E1
Wedding Cake White
- E0E9EA
≈ Plaster Cast
- E7E6ED
≈ Cool Frost
- EEE5E4
≈ Venus Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.23:1 · APCA Lc 12
Ag
AAASu nero
WCAG 17.02:1 · APCA Lc 92
Miglior colore del testo: #000000
WCAG 17.02:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
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);
}