Colore con nome · #E7E1DE
Bridal Veil
Bridal Veil è #E7E1DE: rgb(231 225 222), hsl(20 16% 89%), oklch(0.914 0.008 48.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Bridal Veil color name →
#E7E1DE
oklch(0.914 0.008 48.6)
Conversioni di colore
- HEX
- #e7e1de
- RGB
- rgb(231 225 222)
- HSL
- hsl(20 16% 89%)
- HWB
- hwb(20 87% 9%)
- OKLCH
- oklch(0.914 0.008 48.6)
- OKLab
- oklab(0.914 0.005 0.006)
- CIE Lab
- lab(89.95 1.72 2.23)
- LCH
- lch(89.95 2.82 52.4)
- CMYK
- cmyk(0% 3% 4% 9%)
Tinte · Ombre · Toni
Tinte
- E9E4E1
- ECE7E5
- EEEAE8
- F1EDEB
- F3F0EE
- F5F3F2
- F8F6F5
- FAF9F8
- FDFCFC
Ombre
- C9C4C1
- ABA7A5
- 8F8B89
- 73706F
- 595655
- 403E3D
- 282726
- 131212
- 030202
Toni
- DCD7D4
- D2CDCA
- C7C3C1
- BCB9B7
- B2AFAE
- A8A6A4
- 9E9C9B
- 949392
- 8A8989
Armonie di colore
Complementare +180°
- E7E1DE
Bridal Veil
- DDE4E7
≈ Elusive Blue
Analogo -30° +30°
- E7E1DE
Bridal Veil
- E8E0E0
≈ Mauve Tinge
- E5E2DD
≈ Quiet on the Set
Triadico +120° +240°
- E7E1DE
Bridal Veil
- DEE4E1
≈ Illuminating Experience
- E2E2E7
≈ Violet White
Complementare divisa +150° +210°
- E7E1DE
Bridal Veil
- DDE4E4
≈ Dewdrop
- DFE3E8
≈ Bleached White
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.22:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.22:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--bridal-veil: #e7e1de;
--bridal-veil-rgb: 231 225 222;
--bridal-veil-oklch: oklch(0.914 0.008 48.6);
}
.element {
color: var(--bridal-veil);
background-color: hsl(20 16% 89%);
border-color: oklch(0.914 0.008 48.6);
}Tailwind CSS v4
@theme {
--color-bridal-veil: #e7e1de;
--color-bridal-veil-50: #f7f4f3;
--color-bridal-veil-100: #eae7e5;
--color-bridal-veil-200: #d7d3d1;
--color-bridal-veil-300: #bbb6b4;
--color-bridal-veil-400: #a29d9a;
--color-bridal-veil-500: #8b8582;
--color-bridal-veil-600: #75706e;
--color-bridal-veil-700: #5e5a58;
--color-bridal-veil-800: #454240;
--color-bridal-veil-900: #302d2c;
--color-bridal-veil-950: #1c1a19;
}SCSS
$bridal-veil: #e7e1de;
$bridal-veil-rgb: 231, 225, 222;
$bridal-veil-light: mix(#fff, $bridal-veil, 20%);
$bridal-veil-dark: mix(#000, $bridal-veil, 20%);
.element {
color: $bridal-veil;
box-shadow: 0 0 0 2px rgba($bridal-veil, 0.35);
}