Nazwany kolor · #E8EBE7
Windy Sky
Windy Sky to #E8EBE7: rgb(232 235 231), hsl(105 9% 91%), oklch(0.937 0.006 137.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Windy Sky color name →
#E8EBE7
oklch(0.937 0.006 137.8)
Konwersje koloru
- HEX
- #e8ebe7
- RGB
- rgb(232 235 231)
- HSL
- hsl(105 9% 91%)
- HWB
- hwb(105 91% 8%)
- OKLCH
- oklch(0.937 0.006 137.8)
- OKLab
- oklab(0.937 -0.005 0.004)
- CIE Lab
- lab(92.73 -1.57 1.58)
- LCH
- lch(92.73 2.22 134.9)
- CMYK
- cmyk(1% 0% 2% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EAEDE9
- EDEFEC
- EFF1EE
- F1F3F1
- F3F5F3
- F6F7F5
- F8F9F8
- FAFBFA
- FDFDFD
Odcienie ciemniejsze
- CACCC9
- ACAEAB
- 90918F
- 747573
- 595B59
- 404140
- 292928
- 131313
- 030303
Tony
- DDE0DC
- D2D5D2
- C8CAC7
- BDBFBC
- B3B4B2
- A8A9A8
- 9E9F9E
- 949494
- 8A8A8A
Harmonie kolorów
Komplementarna +180°
- E8EBE7
Windy Sky
- ECE9ED
≈ Dried Lavender
Analogowa -30° +30°
- E8EBE7
Windy Sky
- EAEAE6
≈ Arctic White
- E6EBE9
≈ Morning Song
Triada +120° +240°
- E8EBE7
Windy Sky
- E7EAEE
≈ Lavendar Wisp
- EEE8E8
≈ Melodic White
Komplementarna rozszczepiona +150° +210°
- E8EBE7
Windy Sky
- EAE9EE
≈ Dried Lavender
- EDE8EB
≈ Eyes White Shut
Tetrada +90° +180° +270°
- E8EBE7
Windy Sky
- E6EBED
≈ Blizzard
- ECE9ED
≈ Dried Lavender
- EEE9E6
≈ Holy Ghost
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.20:1 · APCA Lc 10
Ag
AAANa czerni
WCAG 17.46:1 · APCA Lc 94
Najlepszy kolor tekstu: #000000
WCAG 17.46:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--windy-sky: #e8ebe7;
--windy-sky-rgb: 232 235 231;
--windy-sky-oklch: oklch(0.937 0.006 137.8);
}
.element {
color: var(--windy-sky);
background-color: hsl(105 9% 91%);
border-color: oklch(0.937 0.006 137.8);
}Tailwind CSS v4
@theme {
--color-windy-sky: #e8ebe7;
--color-windy-sky-50: #f4f5f4;
--color-windy-sky-100: #e7e8e6;
--color-windy-sky-200: #d3d5d2;
--color-windy-sky-300: #b6b8b5;
--color-windy-sky-400: #9d9f9c;
--color-windy-sky-500: #848783;
--color-windy-sky-600: #70726f;
--color-windy-sky-700: #595b59;
--color-windy-sky-800: #414341;
--color-windy-sky-900: #2d2e2d;
--color-windy-sky-950: #1a1b1a;
}SCSS
$windy-sky: #e8ebe7;
$windy-sky-rgb: 232, 235, 231;
$windy-sky-light: mix(#fff, $windy-sky, 20%);
$windy-sky-dark: mix(#000, $windy-sky, 20%);
.element {
color: $windy-sky;
box-shadow: 0 0 0 2px rgba($windy-sky, 0.35);
}