가장 가까운 이름 색상 · #32606B
#32606B
가장 가까운 이름 색상: After the Storm
#32606B(rgb(50 96 107), hsl(192 36% 31%), oklch(0.461 0.053 215.1))와 가장 가까운 이름 색상은 After the Storm입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#32606B
oklch(0.461 0.053 215.1)
색상 변환
- HEX
- #32606b
- RGB
- rgb(50 96 107)
- HSL
- hsl(192 36% 31%)
- HWB
- hwb(192 20% 58%)
- OKLCH
- oklch(0.461 0.053 215.1)
- OKLab
- oklab(0.461 -0.044 -0.031)
- CIE Lab
- lab(37.82 -13.91 -11.44)
- LCH
- lch(37.82 18.01 219.4)
- CMYK
- cmyk(53% 10% 0% 58%)
틴트 · 셰이드 · 톤
틴트
- 466F79
- 5A7E87
- 6E8D95
- 829DA4
- 96ACB2
- AABDC1
- BFCDD0
- D4DDE0
- E9EEEF
셰이드
- 2A525C
- 22454E
- 1B383F
- 142C32
- 0D2025
- 071518
- 030A0D
- 010304
- 000000
톤
- 3B636D
- 43666F
- 4B6A71
- 536D74
- 5B7076
- 627378
- 6A777A
- 717A7C
- 797D7E
색 조화
보색 +180°
- 32606B
After the Storm
- 734E44
≈ Leather Clutch
유사색 -30° +30°
- 32606B
After the Storm
- 32625C
≈ Strong Sage
- 3F5C74
≈ China Pattern
삼각 배색 +120° +240°
- 32606B
After the Storm
- 6B4D64
≈ Vicarious Violet
- 615835
≈ Uguisu Brown
분열 보색 +150° +210°
- 32606B
After the Storm
- 724C54
≈ Plum Wine
- 6D5238
≈ Cowboy Boots
사각 배색 +90° +180° +270°
- 32606B
After the Storm
- 5F5170
≈ Futaai Indigo
- 734E44
≈ Leather Clutch
- 515E3C
≈ Shallot Leaf
대비 및 접근성
Ag
AA흰색 위
WCAG 6.95:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 3.02:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 6.95:1 (AA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--after-the-storm: #32606b;
--after-the-storm-rgb: 50 96 107;
--after-the-storm-oklch: oklch(0.461 0.053 215.1);
}
.element {
color: var(--after-the-storm);
background-color: hsl(192 36% 31%);
border-color: oklch(0.461 0.053 215.1);
}Tailwind CSS v4
@theme {
--color-after-the-storm: #32606b;
--color-after-the-storm-50: #e5f9ff;
--color-after-the-storm-100: #d5edf4;
--color-after-the-storm-200: #bcdae3;
--color-after-the-storm-300: #99bfc9;
--color-after-the-storm-400: #7aa7b2;
--color-after-the-storm-500: #5b909c;
--color-after-the-storm-600: #4e7984;
--color-after-the-storm-700: #3e616a;
--color-after-the-storm-800: #2c474d;
--color-after-the-storm-900: #1e3136;
--color-after-the-storm-950: #0d1d21;
}SCSS
$after-the-storm: #32606b;
$after-the-storm-rgb: 50, 96, 107;
$after-the-storm-light: mix(#fff, $after-the-storm, 20%);
$after-the-storm-dark: mix(#000, $after-the-storm, 20%);
.element {
color: $after-the-storm;
box-shadow: 0 0 0 2px rgba($after-the-storm, 0.35);
}