Colore con nome · #E3DBC3
Belvedere Cream
Belvedere Cream è #E3DBC3: rgb(227 219 195), hsl(45 36% 83%), oklch(0.891 0.033 91.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Belvedere Cream color name →
#E3DBC3
oklch(0.891 0.033 91.7)
Conversioni di colore
- HEX
- #e3dbc3
- RGB
- rgb(227 219 195)
- HSL
- hsl(45 36% 83%)
- HWB
- hwb(45 76% 11%)
- OKLCH
- oklch(0.891 0.033 91.7)
- OKLab
- oklab(0.891 -0.001 0.033)
- CIE Lab
- lab(87.57 -0.11 12.88)
- LCH
- lch(87.57 12.88 90.5)
- CMYK
- cmyk(0% 4% 14% 11%)
Tinte · Ombre · Toni
Tinte
- E6DFC9
- E9E2CF
- EBE6D5
- EEE9DB
- F1EDE1
- F4F1E7
- F7F4ED
- F9F8F3
- FCFBF9
Ombre
- C5BEA9
- A8A290
- 8C8778
- 716D60
- 57544A
- 3F3C34
- 272620
- 12110E
- 030202
Toni
- D9D2BC
- CEC8B5
- C4BFAF
- BAB6A8
- B0ACA1
- A6A39A
- 9D9A94
- 93918D
- 898987
Armonie di colore
Complementare +180°
- E3DBC3
Belvedere Cream
- D3DBF2
≈ Blissful Meditation
Analogo -30° +30°
- E3DBC3
Belvedere Cream
- ECD7C6
≈ Rose Lotion
- D7DFC7
≈ Dream Seascape
Triadico +120° +240°
- E3DBC3
Belvedere Cream
- C3E2E8
≈ Ambient Light
- E9D4E5
≈ Champagne Elegance
Complementare divisa +150° +210°
- E3DBC3
Belvedere Cream
- C9DFF0
≈ Empress Lila
- DFD7EE
≈ Light Purity
Tetradico +90° +180° +270°
- E3DBC3
Belvedere Cream
- C4E3DD
≈ Tidewater
- D3DBF2
≈ Blissful Meditation
- EFD3D9
≈ Cradle Pillow
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASu nero
WCAG 15.18:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.18:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--belvedere-cream: #e3dbc3;
--belvedere-cream-rgb: 227 219 195;
--belvedere-cream-oklch: oklch(0.891 0.033 91.7);
}
.element {
color: var(--belvedere-cream);
background-color: hsl(45 36% 83%);
border-color: oklch(0.891 0.033 91.7);
}Tailwind CSS v4
@theme {
--color-belvedere-cream: #e3dbc3;
--color-belvedere-cream-50: #f8f5eb;
--color-belvedere-cream-100: #ebe8dc;
--color-belvedere-cream-200: #d9d4c5;
--color-belvedere-cream-300: #bdb7a5;
--color-belvedere-cream-400: #a59e89;
--color-belvedere-cream-500: #8e866d;
--color-belvedere-cream-600: #78715d;
--color-belvedere-cream-700: #605b4a;
--color-belvedere-cream-800: #474235;
--color-belvedere-cream-900: #312e24;
--color-belvedere-cream-950: #1d1a13;
}SCSS
$belvedere-cream: #e3dbc3;
$belvedere-cream-rgb: 227, 219, 195;
$belvedere-cream-light: mix(#fff, $belvedere-cream, 20%);
$belvedere-cream-dark: mix(#000, $belvedere-cream, 20%);
.element {
color: $belvedere-cream;
box-shadow: 0 0 0 2px rgba($belvedere-cream, 0.35);
}