이름 색상 · #E1E6EB
Winter Haven
Winter Haven은(는) #E1E6EB: rgb(225 230 235), hsl(210 20% 90%), oklch(0.923 0.009 247.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Winter Haven color name →
#E1E6EB
oklch(0.923 0.009 247.9)
색상 변환
- HEX
- #e1e6eb
- RGB
- rgb(225 230 235)
- HSL
- hsl(210 20% 90%)
- HWB
- hwb(210 88% 8%)
- OKLCH
- oklch(0.923 0.009 247.9)
- OKLab
- oklab(0.923 -0.003 -0.008)
- CIE Lab
- lab(91.01 -1.05 -3.06)
- LCH
- lch(91.01 3.23 251)
- CMYK
- cmyk(4% 2% 0% 8%)
틴트 · 셰이드 · 톤
틴트
- E4E8ED
- E7EBEF
- EAEDF1
- EDF0F3
- F0F2F5
- F3F5F7
- F6F7F9
- F9FAFB
- FCFCFD
셰이드
- C4C8CC
- A7ABAE
- 8B8E91
- 707375
- 56595B
- 3E4041
- 272829
- 121313
- 020303
톤
- D7DBE0
- CDD1D5
- C3C6CA
- B9BCBF
- AFB2B4
- A6A7A9
- 9C9D9F
- 939394
- 898A8A
색 조화
보색 +180°
- E1E6EB
Winter Haven
- E9E4DF
≈ Lime White
유사색 -30° +30°
- E1E6EB
Winter Haven
- DFE7E9
≈ Filigree
- E4E5EB
≈ Genteel Lavender
삼각 배색 +120° +240°
- E1E6EB
Winter Haven
- EBE3E4
≈ Delicacy White
- E4E7E0
≈ White Blaze
분열 보색 +150° +210°
- E1E6EB
Winter Haven
- EBE4E1
≈ Winged Victory
- E7E5DF
≈ Puffy Pillow
사각 배색 +90° +180° +270°
- E1E6EB
Winter Haven
- E9E3E7
≈ Winter Orchid
- E9E4DF
≈ Lime White
- E1E7E3
≈ Glimmer
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.25:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.71:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.71:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--winter-haven: #e1e6eb;
--winter-haven-rgb: 225 230 235;
--winter-haven-oklch: oklch(0.923 0.009 247.9);
}
.element {
color: var(--winter-haven);
background-color: hsl(210 20% 90%);
border-color: oklch(0.923 0.009 247.9);
}Tailwind CSS v4
@theme {
--color-winter-haven: #e1e6eb;
--color-winter-haven-50: #f3f5f7;
--color-winter-haven-100: #e6e8eb;
--color-winter-haven-200: #d1d4d8;
--color-winter-haven-300: #b4b8bc;
--color-winter-haven-400: #9a9fa3;
--color-winter-haven-500: #82878c;
--color-winter-haven-600: #6e7276;
--color-winter-haven-700: #585b5f;
--color-winter-haven-800: #404345;
--color-winter-haven-900: #2c2e30;
--color-winter-haven-950: #191b1c;
}SCSS
$winter-haven: #e1e6eb;
$winter-haven-rgb: 225, 230, 235;
$winter-haven-light: mix(#fff, $winter-haven, 20%);
$winter-haven-dark: mix(#000, $winter-haven, 20%);
.element {
color: $winter-haven;
box-shadow: 0 0 0 2px rgba($winter-haven, 0.35);
}