가장 가까운 이름 색상 · #526E76
#526E76
가장 가까운 이름 색상: Winter Storm
#526E76(rgb(82 110 118), hsl(193 18% 39%), oklch(0.519 0.035 217.2))와 가장 가까운 이름 색상은 Winter Storm입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#526E76
oklch(0.519 0.035 217.2)
색상 변환
- HEX
- #526e76
- RGB
- rgb(82 110 118)
- HSL
- hsl(193 18% 39%)
- HWB
- hwb(193 32% 54%)
- OKLCH
- oklch(0.519 0.035 217.2)
- OKLab
- oklab(0.519 -0.028 -0.021)
- CIE Lab
- lab(44.45 -9.04 -7.97)
- LCH
- lch(44.45 12.05 221.4)
- CMYK
- cmyk(31% 7% 0% 54%)
틴트 · 셰이드 · 톤
틴트
- 627C83
- 738990
- 83979D
- 94A5AB
- A5B4B8
- B7C3C6
- C8D1D4
- DAE0E2
- EDF0F1
셰이드
- 465F66
- 3B5056
- 2F4147
- 253338
- 1A2629
- 11191C
- 080E0F
- 020405
- 000101
톤
- 577077
- 5B7278
- 607379
- 65757A
- 69777B
- 6E797C
- 727B7D
- 777C7E
- 7C7E7F
색 조화
보색 +180°
- 526E76
Winter Storm
- 7B625B
≈ Bear Hug
유사색 -30° +30°
- 526E76
Winter Storm
- 52706C
≈ Stone Bridge
- 596B7C
≈ Spinning Blue
삼각 배색 +120° +240°
- 526E76
Winter Storm
- 766170
≈ Black Plum
- 6E6952
≈ Mysterious Moss
분열 보색 +150° +210°
- 526E76
Winter Storm
- 7B6165
≈ Pretty Puce
- 776553
≈ Ground Pepper
사각 배색 +90° +180° +270°
- 526E76
Winter Storm
- 6E6479
≈ Victorian Iris
- 7B625B
≈ Bear Hug
- 636D57
≈ Sea Fern
대비 및 접근성
Ag
AA흰색 위
WCAG 5.45:1 · APCA Lc 77
Ag
Fail검은색 위
WCAG 3.85:1 · APCA Lc 25
가장 좋은 글자색: #FFFFFF
WCAG 5.45:1 (AA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--winter-storm: #526e76;
--winter-storm-rgb: 82 110 118;
--winter-storm-oklch: oklch(0.519 0.035 217.2);
}
.element {
color: var(--winter-storm);
background-color: hsl(193 18% 39%);
border-color: oklch(0.519 0.035 217.2);
}Tailwind CSS v4
@theme {
--color-winter-storm: #526e76;
--color-winter-storm-50: #ebf8fc;
--color-winter-storm-100: #dcebf0;
--color-winter-storm-200: #c5d8de;
--color-winter-storm-300: #a4bcc4;
--color-winter-storm-400: #88a4ac;
--color-winter-storm-500: #6c8c95;
--color-winter-storm-600: #5c777e;
--color-winter-storm-700: #495f65;
--color-winter-storm-800: #35464a;
--color-winter-storm-900: #243033;
--color-winter-storm-950: #131c1f;
}SCSS
$winter-storm: #526e76;
$winter-storm-rgb: 82, 110, 118;
$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);
}