Nazwany kolor · #E5E9EB
Snow Cloud
Snow Cloud to #E5E9EB: rgb(229 233 235), hsl(200 13% 91%), oklch(0.932 0.005 228.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Snow Cloud color name →
#E5E9EB
oklch(0.932 0.005 228.8)
Konwersje koloru
- HEX
- #e5e9eb
- RGB
- rgb(229 233 235)
- HSL
- hsl(200 13% 91%)
- HWB
- hwb(200 90% 8%)
- OKLCH
- oklch(0.932 0.005 228.8)
- OKLab
- oklab(0.932 -0.003 -0.004)
- CIE Lab
- lab(92.08 -1.12 -1.47)
- LCH
- lch(92.08 1.84 232.8)
- CMYK
- cmyk(3% 1% 0% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8EBED
- EAEDEF
- EDF0F1
- EFF2F3
- F2F4F5
- F5F6F7
- F7F8F9
- FAFBFB
- FCFDFD
Odcienie ciemniejsze
- C7CBCC
- AAADAE
- 8E9091
- 727475
- 585A5B
- 3F4141
- 282929
- 121313
- 030303
Tony
- DADEE0
- D0D3D5
- C6C8CA
- BBBEBF
- B1B3B4
- A7A9A9
- 9D9E9F
- 939494
- 8A8A8A
Harmonie kolorów
Komplementarna +180°
- E5E9EB
Snow Cloud
- EBE7E5
≈ Heavenly White
Analogowa -30° +30°
- E5E9EB
Snow Cloud
- E5E9E9
≈ Swirling Water
- E6E8EC
≈ Purple Crystal
Triada +120° +240°
- E5E9EB
Snow Cloud
- EBE7E9
≈ Early Crocus
- E8E9E5
≈ Steam White
Komplementarna rozszczepiona +150° +210°
- E5E9EB
Snow Cloud
- ECE7E7
≈ Flower Girl Dress
- EAE8E5
≈ Lilac Muse
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.22:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.18:1 · APCA Lc 93
Najlepszy kolor tekstu: #000000
WCAG 17.18:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--snow-cloud: #e5e9eb;
--snow-cloud-rgb: 229 233 235;
--snow-cloud-oklch: oklch(0.932 0.005 228.8);
}
.element {
color: var(--snow-cloud);
background-color: hsl(200 13% 91%);
border-color: oklch(0.932 0.005 228.8);
}Tailwind CSS v4
@theme {
--color-snow-cloud: #e5e9eb;
--color-snow-cloud-50: #f4f5f6;
--color-snow-cloud-100: #e6e8e9;
--color-snow-cloud-200: #d2d5d6;
--color-snow-cloud-300: #b5b8b9;
--color-snow-cloud-400: #9b9fa1;
--color-snow-cloud-500: #838789;
--color-snow-cloud-600: #6f7274;
--color-snow-cloud-700: #595b5d;
--color-snow-cloud-800: #414344;
--color-snow-cloud-900: #2c2e2f;
--color-snow-cloud-950: #1a1b1b;
}SCSS
$snow-cloud: #e5e9eb;
$snow-cloud-rgb: 229, 233, 235;
$snow-cloud-light: mix(#fff, $snow-cloud, 20%);
$snow-cloud-dark: mix(#000, $snow-cloud, 20%);
.element {
color: $snow-cloud;
box-shadow: 0 0 0 2px rgba($snow-cloud, 0.35);
}