Colore con nome · #EBE8E6
Heavenly White
Heavenly White è #EBE8E6: rgb(235 232 230), hsl(24 11% 91%), oklch(0.933 0.004 56.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Heavenly White color name →
#EBE8E6
oklch(0.933 0.004 56.4)
Conversioni di colore
- HEX
- #ebe8e6
- RGB
- rgb(235 232 230)
- HSL
- hsl(24 11% 91%)
- HWB
- hwb(24 90% 8%)
- OKLCH
- oklch(0.933 0.004 56.4)
- OKLab
- oklab(0.933 0.002 0.004)
- CIE Lab
- lab(92.19 0.78 1.35)
- LCH
- lch(92.19 1.56 59.9)
- CMYK
- cmyk(0% 1% 2% 8%)
Tinte · Ombre · Toni
Tinte
- EDEAE8
- EFEDEB
- F1EFED
- F3F1F0
- F5F3F2
- F7F6F5
- F9F8F7
- FBFAFA
- FDFDFC
Ombre
- CCCAC8
- AEACAB
- 91908E
- 757473
- 5B5959
- 414040
- 292928
- 131313
- 030303
Toni
- E0DDDB
- D5D2D1
- CAC8C6
- BFBDBC
- B4B3B2
- A9A8A7
- 9F9E9D
- 949493
- 8A8A8A
Armonie di colore
Complementare +180°
- EBE8E6
Heavenly White
- E6E9EB
≈ Snow Cloud
Analogo -30° +30°
- EBE8E6
Heavenly White
- EBE8E7
≈ Coconut Agony
- EAE9E6
≈ Glacial Ice
Triadico +120° +240°
- EBE8E6
Heavenly White
- E6EAE9
≈ Swirling Water
- E9E8EB
≈ Dandelion Floatie
Complementare divisa +150° +210°
- EBE8E6
Heavenly White
- E6EAEA
≈ Swirling Water
- E7E9EC
≈ Snow Cloud
Tetradico +90° +180° +270°
- EBE8E6
Heavenly White
- E7E9E7
≈ Mt. Hood White
- E6E9EB
≈ Snow Cloud
- EAE8EA
≈ Dandelion Floatie
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.21:1 · APCA Lc 11
Ag
AAASu nero
WCAG 17.21:1 · APCA Lc 93
Miglior colore del testo: #000000
WCAG 17.21:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--heavenly-white: #ebe8e6;
--heavenly-white-rgb: 235 232 230;
--heavenly-white-oklch: oklch(0.933 0.004 56.4);
}
.element {
color: var(--heavenly-white);
background-color: hsl(24 11% 91%);
border-color: oklch(0.933 0.004 56.4);
}Tailwind CSS v4
@theme {
--color-heavenly-white: #ebe8e6;
--color-heavenly-white-50: #f6f5f4;
--color-heavenly-white-100: #e9e7e6;
--color-heavenly-white-200: #d6d4d2;
--color-heavenly-white-300: #b9b7b5;
--color-heavenly-white-400: #a09e9c;
--color-heavenly-white-500: #888583;
--color-heavenly-white-600: #73716f;
--color-heavenly-white-700: #5c5a59;
--color-heavenly-white-800: #444241;
--color-heavenly-white-900: #2f2d2d;
--color-heavenly-white-950: #1b1a1a;
}SCSS
$heavenly-white: #ebe8e6;
$heavenly-white-rgb: 235, 232, 230;
$heavenly-white-light: mix(#fff, $heavenly-white, 20%);
$heavenly-white-dark: mix(#000, $heavenly-white, 20%);
.element {
color: $heavenly-white;
box-shadow: 0 0 0 2px rgba($heavenly-white, 0.35);
}