이름 색상 · #4B7079
Winter Storm
Winter Storm은(는) #4B7079: rgb(75 112 121), hsl(192 23% 38%), oklch(0.521 0.044 214.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Winter Storm color name →
#4B7079
oklch(0.521 0.044 214.6)
색상 변환
- HEX
- #4b7079
- RGB
- rgb(75 112 121)
- HSL
- hsl(192 23% 38%)
- HWB
- hwb(192 29% 53%)
- OKLCH
- oklch(0.521 0.044 214.6)
- OKLab
- oklab(0.521 -0.036 -0.025)
- CIE Lab
- lab(44.72 -11.77 -9.43)
- LCH
- lch(44.72 15.08 218.7)
- CMYK
- cmyk(38% 7% 0% 53%)
틴트 · 셰이드 · 톤
틴트
- 5C7D86
- 6D8B92
- 7F999F
- 90A7AD
- A2B5BA
- B4C4C7
- C7D2D5
- D9E1E3
- ECF0F1
셰이드
- 406068
- 355158
- 2B4348
- 213539
- 17272B
- 0E1A1D
- 060E10
- 020405
- 000101
톤
- 51727A
- 56737A
- 5C757B
- 61777C
- 66787D
- 6C7A7D
- 717B7E
- 767D7F
- 7B7E7F
색 조화
보색 +180°
- 4B7079
Winter Storm
- 816058
≈ Hot Cocoa
유사색 -30° +30°
- 4B7079
Winter Storm
- 4C726C
≈ Smoky Emerald
- 546C81
≈ Oceanic
삼각 배색 +120° +240°
- 4B7079
Winter Storm
- 7A6074
≈ Chicha Morada
- 71694C
≈ Olive Grove
분열 보색 +150° +210°
- 4B7079
Winter Storm
- 805F66
≈ Celine
- 7B644E
≈ Fig Branches
사각 배색 +90° +180° +270°
- 4B7079
Winter Storm
- 6F637E
≈ Victorian Iris
- 816058
≈ Hot Cocoa
- 636E52
≈ Sea Fern
대비 및 접근성
Ag
AA흰색 위
WCAG 5.39:1 · APCA Lc 77
Ag
Fail검은색 위
WCAG 3.89:1 · APCA Lc 25
가장 좋은 글자색: #FFFFFF
WCAG 5.39:1 (AA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--winter-storm: #4b7079;
--winter-storm-rgb: 75 112 121;
--winter-storm-oklch: oklch(0.521 0.044 214.6);
}
.element {
color: var(--winter-storm);
background-color: hsl(192 23% 38%);
border-color: oklch(0.521 0.044 214.6);
}Tailwind CSS v4
@theme {
--color-winter-storm: #4b7079;
--color-winter-storm-50: #e8f9fd;
--color-winter-storm-100: #d8ecf1;
--color-winter-storm-200: #c0d9e1;
--color-winter-storm-300: #9fbec6;
--color-winter-storm-400: #81a6af;
--color-winter-storm-500: #648e98;
--color-winter-storm-600: #557881;
--color-winter-storm-700: #446067;
--color-winter-storm-800: #30474b;
--color-winter-storm-900: #213134;
--color-winter-storm-950: #101d20;
}SCSS
$winter-storm: #4b7079;
$winter-storm-rgb: 75, 112, 121;
$winter-storm-light: mix(#fff, $winter-storm, 20%);
$winter-storm-dark: mix(#000, $winter-storm, 20%);
.element {
color: $winter-storm;
box-shadow: 0 0 0 2px rgba($winter-storm, 0.35);
}