Nazwany kolor · #E0E1DA
Winds Breath
Winds Breath to #E0E1DA: rgb(224 225 218), hsl(69 10% 87%), oklch(0.907 0.009 113.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Winds Breath color name →
#E0E1DA
oklch(0.907 0.009 113.2)
Konwersje koloru
- HEX
- #e0e1da
- RGB
- rgb(224 225 218)
- HSL
- hsl(69 10% 87%)
- HWB
- hwb(69 85% 12%)
- OKLCH
- oklch(0.907 0.009 113.2)
- OKLab
- oklab(0.907 -0.004 0.009)
- CIE Lab
- lab(89.3 -1.27 3.31)
- LCH
- lch(89.3 3.55 111)
- CMYK
- cmyk(0% 0% 3% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3E4DE
- E6E7E1
- E9EAE5
- ECEDE9
- EFF0EC
- F3F3F0
- F6F6F4
- F9F9F8
- FCFCFB
Odcienie ciemniejsze
- C3C4BD
- A6A7A2
- 8A8B87
- 70706C
- 565654
- 3E3E3C
- 272725
- 121211
- 020202
Tony
- D6D7D1
- CCCDC7
- C2C3BE
- B8B9B5
- AFAFAC
- A5A6A3
- 9C9C9A
- 929391
- 898989
Harmonie kolorów
Komplementarna +180°
- E0E1DA
Winds Breath
- E0DFE6
≈ Festive Ferret
Analogowa -30° +30°
- E0E1DA
Winds Breath
- E3E0D9
≈ Granular Limestone
- DDE2DC
≈ Slow Down
Triada +120° +240°
- E0E1DA
Winds Breath
- DAE1E6
≈ Eastern Breeze
- E6DEE1
≈ Precocious Red
Komplementarna rozszczepiona +150° +210°
- E0E1DA
Winds Breath
- DDE0E7
≈ Orchid Whisper
- E3DEE4
≈ Frozen Statues
Tetrada +90° +180° +270°
- E0E1DA
Winds Breath
- D9E2E3
≈ Bit of Blue
- E0DFE6
≈ Festive Ferret
- E7DEDD
≈ Red Dust
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.31:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.95:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.95:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--winds-breath: #e0e1da;
--winds-breath-rgb: 224 225 218;
--winds-breath-oklch: oklch(0.907 0.009 113.2);
}
.element {
color: var(--winds-breath);
background-color: hsl(69 10% 87%);
border-color: oklch(0.907 0.009 113.2);
}Tailwind CSS v4
@theme {
--color-winds-breath: #e0e1da;
--color-winds-breath-50: #f5f5f2;
--color-winds-breath-100: #e8e8e5;
--color-winds-breath-200: #d4d5d0;
--color-winds-breath-300: #b7b8b3;
--color-winds-breath-400: #9e9f99;
--color-winds-breath-500: #868780;
--color-winds-breath-600: #71726c;
--color-winds-breath-700: #5b5b57;
--color-winds-breath-800: #42433f;
--color-winds-breath-900: #2e2e2b;
--color-winds-breath-950: #1b1b19;
}SCSS
$winds-breath: #e0e1da;
$winds-breath-rgb: 224, 225, 218;
$winds-breath-light: mix(#fff, $winds-breath, 20%);
$winds-breath-dark: mix(#000, $winds-breath, 20%);
.element {
color: $winds-breath;
box-shadow: 0 0 0 2px rgba($winds-breath, 0.35);
}