가장 가까운 이름 색상 · #609FB4
#609FB4
가장 가까운 이름 색상: Surgical
#609FB4(rgb(96 159 180), hsl(195 36% 54%), oklch(0.668 0.072 221.4))와 가장 가까운 이름 색상은 Surgical입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#609FB4
oklch(0.668 0.072 221.4)
색상 변환
- HEX
- #609fb4
- RGB
- rgb(96 159 180)
- HSL
- hsl(195 36% 54%)
- HWB
- hwb(195 38% 29%)
- OKLCH
- oklch(0.668 0.072 221.4)
- OKLab
- oklab(0.668 -0.054 -0.047)
- CIE Lab
- lab(61.85 -16.79 -17.64)
- LCH
- lch(61.85 24.36 226.4)
- CMYK
- cmyk(47% 12% 0% 29%)
틴트 · 셰이드 · 톤
틴트
- 71A8BB
- 81B2C3
- 91BBCA
- A0C5D2
- B0CED9
- C0D8E1
- CFE2E8
- DFEBF0
- EFF5F7
셰이드
- 528A9C
- 457585
- 38616E
- 2C4D58
- 203B44
- 152930
- 0A181D
- 03090C
- 000102
톤
- 649CAF
- 6899AA
- 6C96A4
- 70939F
- 73909A
- 768D95
- 798A90
- 7B868A
- 7E8385
색 조화
보색 +180°
- 609FB4
Surgical
- BB8672
≈ Big Cypress
유사색 -30° +30°
- 609FB4
Surgical
- 5CA39F
≈ Aqua Rapids
- 7498C0
≈ Blue Beauty
삼각 배색 +120° +240°
- 609FB4
Surgical
- B483A2
≈ Opera Mauve
- 9E9662
≈ Hiking
분열 보색 +150° +210°
- 609FB4
Surgical
- BC8289
≈ Lipstick Pink
- B18E63
≈ Brown Rabbit
사각 배색 +90° +180° +270°
- 609FB4
Surgical
- A388B5
≈ Kismet
- BB8672
≈ Big Cypress
- 859E70
≈ Sleepy Hollow
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.95:1 · APCA Lc 56
Ag
AAA검은색 위
WCAG 7.11:1 · APCA Lc 46
가장 좋은 글자색: #000000
WCAG 7.11:1 (AAA) · APCA Lc 46
Contrast pairs
코드 스니펫
CSS
:root {
--surgical: #609fb4;
--surgical-rgb: 96 159 180;
--surgical-oklch: oklch(0.668 0.072 221.4);
}
.element {
color: var(--surgical);
background-color: hsl(195 36% 54%);
border-color: oklch(0.668 0.072 221.4);
}Tailwind CSS v4
@theme {
--color-surgical: #609fb4;
--color-surgical-50: #e0faff;
--color-surgical-100: #cfeefa;
--color-surgical-200: #b4dceb;
--color-surgical-300: #8fc0d3;
--color-surgical-400: #6da9bd;
--color-surgical-500: #4a91a8;
--color-surgical-600: #407b8e;
--color-surgical-700: #336272;
--color-surgical-800: #234853;
--color-surgical-900: #17323a;
--color-surgical-950: #081e24;
}SCSS
$surgical: #609fb4;
$surgical-rgb: 96, 159, 180;
$surgical-light: mix(#fff, $surgical, 20%);
$surgical-dark: mix(#000, $surgical, 20%);
.element {
color: $surgical;
box-shadow: 0 0 0 2px rgba($surgical, 0.35);
}