이름 색상 · #E3E3DC
Snow Drift
Snow Drift은(는) #E3E3DC: rgb(227 227 220), hsl(60 11% 88%), oklch(0.914 0.009 106.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Snow Drift color name →
#E3E3DC
oklch(0.914 0.009 106.6)
색상 변환
- HEX
- #e3e3dc
- RGB
- rgb(227 227 220)
- HSL
- hsl(60 11% 88%)
- HWB
- hwb(60 86% 11%)
- OKLCH
- oklch(0.914 0.009 106.6)
- OKLab
- oklab(0.914 -0.003 0.009)
- CIE Lab
- lab(90.09 -0.92 3.43)
- LCH
- lch(90.09 3.55 105)
- CMYK
- cmyk(0% 0% 3% 11%)
틴트 · 셰이드 · 톤
틴트
- E6E6DF
- E9E9E3
- EBEBE6
- EEEEEA
- F1F1ED
- F4F4F1
- F7F7F4
- F9F9F8
- FCFCFB
셰이드
- C5C5BF
- A8A8A3
- 8C8C88
- 71716E
- 575754
- 3F3F3C
- 272726
- 121211
- 030302
톤
- D9D9D2
- CECEC9
- C4C4BF
- BABAB6
- B0B0AD
- A6A6A4
- 9D9D9B
- 939392
- 898989
색 조화
보색 +180°
- E3E3DC
Snow Drift
- E2E2E9
≈ Sweet Flower
유사색 -30° +30°
- E3E3DC
Snow Drift
- E6E2DC
≈ White Opal
- E0E4DE
≈ Barely White
삼각 배색 +120° +240°
- E3E3DC
Snow Drift
- DCE4E7
≈ Elusive Blue
- E8E0E4
≈ Sakura Nezu
분열 보색 +150° +210°
- E3E3DC
Snow Drift
- DFE3E9
≈ Bleached White
- E5E1E7
≈ Budapest Pastel
사각 배색 +90° +180° +270°
- E3E3DC
Snow Drift
- DCE5E4
≈ Cameo Green
- E2E2E9
≈ Sweet Flower
- E9E0E0
≈ Parasol
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.28:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.28:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.28:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--snow-drift: #e3e3dc;
--snow-drift-rgb: 227 227 220;
--snow-drift-oklch: oklch(0.914 0.009 106.6);
}
.element {
color: var(--snow-drift);
background-color: hsl(60 11% 88%);
border-color: oklch(0.914 0.009 106.6);
}Tailwind CSS v4
@theme {
--color-snow-drift: #e3e3dc;
--color-snow-drift-50: #f5f5f2;
--color-snow-drift-100: #e8e8e5;
--color-snow-drift-200: #d4d4d0;
--color-snow-drift-300: #b7b8b2;
--color-snow-drift-400: #9f9f99;
--color-snow-drift-500: #878780;
--color-snow-drift-600: #72726c;
--color-snow-drift-700: #5b5b56;
--color-snow-drift-800: #43433f;
--color-snow-drift-900: #2e2e2b;
--color-snow-drift-950: #1b1b19;
}SCSS
$snow-drift: #e3e3dc;
$snow-drift-rgb: 227, 227, 220;
$snow-drift-light: mix(#fff, $snow-drift, 20%);
$snow-drift-dark: mix(#000, $snow-drift, 20%);
.element {
color: $snow-drift;
box-shadow: 0 0 0 2px rgba($snow-drift, 0.35);
}