이름 색상 · #E0E1DA
Winds Breath
Winds Breath은(는) #E0E1DA: rgb(224 225 218), hsl(69 10% 87%), oklch(0.907 0.009 113.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Winds Breath color name →
#E0E1DA
oklch(0.907 0.009 113.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- E3E4DE
- E6E7E1
- E9EAE5
- ECEDE9
- EFF0EC
- F3F3F0
- F6F6F4
- F9F9F8
- FCFCFB
셰이드
- C3C4BD
- A6A7A2
- 8A8B87
- 70706C
- 565654
- 3E3E3C
- 272725
- 121211
- 020202
톤
- D6D7D1
- CCCDC7
- C2C3BE
- B8B9B5
- AFAFAC
- A5A6A3
- 9C9C9A
- 929391
- 898989
색 조화
보색 +180°
- E0E1DA
Winds Breath
- E0DFE6
≈ Festive Ferret
유사색 -30° +30°
- E0E1DA
Winds Breath
- E3E0D9
≈ Granular Limestone
- DDE2DC
≈ Slow Down
삼각 배색 +120° +240°
- E0E1DA
Winds Breath
- DAE1E6
≈ Eastern Breeze
- E6DEE1
≈ Precocious Red
분열 보색 +150° +210°
- E0E1DA
Winds Breath
- DDE0E7
≈ Orchid Whisper
- E3DEE4
≈ Frozen Statues
사각 배색 +90° +180° +270°
- E0E1DA
Winds Breath
- D9E2E3
≈ Bit of Blue
- E0DFE6
≈ Festive Ferret
- E7DEDD
≈ Red Dust
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.31:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.95:1 · APCA Lc 88
가장 좋은 글자색: #000000
WCAG 15.95:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
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);
}