이름 색상 · #3E474C
Winter Way
Winter Way은(는) #3E474C: rgb(62 71 76), hsl(201 10% 27%), oklch(0.392 0.014 232). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Winter Way color name →
#3E474C
oklch(0.392 0.014 232)
색상 변환
- HEX
- #3e474c
- RGB
- rgb(62 71 76)
- HSL
- hsl(201 10% 27%)
- HWB
- hwb(201 24% 70%)
- OKLCH
- oklch(0.392 0.014 232)
- OKLab
- oklab(0.392 -0.009 -0.011)
- CIE Lab
- lab(29.48 -2.86 -4.31)
- LCH
- lch(29.48 5.17 236.5)
- CMYK
- cmyk(18% 7% 0% 70%)
틴트 · 셰이드 · 톤
틴트
- 4F575C
- 61686D
- 737A7E
- 868C8F
- 999EA1
- ACB1B3
- C1C4C6
- D5D7D8
- EAEBEC
셰이드
- 353D41
- 2B3236
- 23282C
- 1A1F22
- 121618
- 0A0D0F
- 040606
- 010202
- 000000
톤
- 444C51
- 4B5256
- 51585B
- 585D60
- 5E6365
- 65696B
- 6B6E70
- 727475
- 797A7B
색 조화
보색 +180°
- 3E474C
Winter Way
- 4C433E
≈ Vehicle Body Grey
유사색 -30° +30°
- 3E474C
Winter Way
- 3D4849
≈ Panda Black
- 41464D
≈ Alpine Duck Grey
삼각 배색 +120° +240°
- 3E474C
Winter Way
- 4C4246
≈ Apple Herb Black
- 45463E
≈ Heavy Metal
분열 보색 +150° +210°
- 3E474C
Winter Way
- 4D4342
≈ Mulch
- 49453D
≈ Whiskey and Wine
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.50:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.21:1 · APCA Lc 10
가장 좋은 글자색: #FFFFFF
WCAG 9.50:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--winter-way: #3e474c;
--winter-way-rgb: 62 71 76;
--winter-way-oklch: oklch(0.392 0.014 232);
}
.element {
color: var(--winter-way);
background-color: hsl(201 10% 27%);
border-color: oklch(0.392 0.014 232);
}Tailwind CSS v4
@theme {
--color-winter-way: #3e474c;
--color-winter-way-50: #f1f6f9;
--color-winter-way-100: #e3e9ec;
--color-winter-way-200: #ced5d9;
--color-winter-way-300: #b1b9be;
--color-winter-way-400: #96a0a6;
--color-winter-way-500: #7d888e;
--color-winter-way-600: #6a7378;
--color-winter-way-700: #555c60;
--color-winter-way-800: #3d4346;
--color-winter-way-900: #2a2f31;
--color-winter-way-950: #181b1d;
}SCSS
$winter-way: #3e474c;
$winter-way-rgb: 62, 71, 76;
$winter-way-light: mix(#fff, $winter-way, 20%);
$winter-way-dark: mix(#000, $winter-way, 20%);
.element {
color: $winter-way;
box-shadow: 0 0 0 2px rgba($winter-way, 0.35);
}