가장 가까운 이름 색상 · #60D6D5
#60D6D5
가장 가까운 이름 색상: Hammam Blue
#60D6D5(rgb(96 214 213), hsl(179 59% 61%), oklch(0.809 0.106 194.5))와 가장 가까운 이름 색상은 Hammam Blue입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#60D6D5
oklch(0.809 0.106 194.5)
색상 변환
- HEX
- #60d6d5
- RGB
- rgb(96 214 213)
- HSL
- hsl(179 59% 61%)
- HWB
- hwb(179 38% 16%)
- OKLCH
- oklch(0.809 0.106 194.5)
- OKLab
- oklab(0.809 -0.103 -0.027)
- CIE Lab
- lab(78.95 -34.77 -10.16)
- LCH
- lch(78.95 36.22 196.3)
- CMYK
- cmyk(55% 0% 0% 16%)
틴트 · 셰이드 · 톤
틴트
- 75DAD9
- 87DFDD
- 98E3E2
- A8E7E6
- B7EBEA
- C6EFEE
- D5F3F2
- E3F7F7
- F1FBFB
셰이드
- 52BAB9
- 459E9E
- 388483
- 2C6A6A
- 205251
- 153B3A
- 0A2524
- 031010
- 000202
톤
- 67CDCC
- 6DC5C3
- 72BCBB
- 75B3B2
- 79ABAA
- 7BA2A1
- 7D9999
- 7E9190
- 7F8888
색 조화
보색 +180°
- 60D6D5
Hammam Blue
- FDA4AB
≈ Strawberry Frappé
유사색 -30° +30°
- 60D6D5
Hammam Blue
- 7AD6AF
≈ Tadorna Teal
- 6CCFF4
≈ Heisenberg Blue
삼각 배색 +120° +240°
- 60D6D5
Hammam Blue
- DAACF0
≈ Petal Plush
- E9B670
≈ Pyramid Gold
분열 보색 +150° +210°
- 60D6D5
Hammam Blue
- F2A5D1
≈ Violet Kiss
- FAAA87
≈ October Haze
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.73:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.07:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.07:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--hammam-blue: #60d6d5;
--hammam-blue-rgb: 96 214 213;
--hammam-blue-oklch: oklch(0.809 0.106 194.5);
}
.element {
color: var(--hammam-blue);
background-color: hsl(179 59% 61%);
border-color: oklch(0.809 0.106 194.5);
}Tailwind CSS v4
@theme {
--color-hammam-blue: #60d6d5;
--color-hammam-blue-50: #d3ffff;
--color-hammam-blue-100: #bff4f4;
--color-hammam-blue-200: #9ee3e3;
--color-hammam-blue-300: #71c8c9;
--color-hammam-blue-400: #40b2b1;
--color-hammam-blue-500: #009b9b;
--color-hammam-blue-600: #008383;
--color-hammam-blue-700: #006969;
--color-hammam-blue-800: #004e4c;
--color-hammam-blue-900: #003635;
--color-hammam-blue-950: #002120;
}SCSS
$hammam-blue: #60d6d5;
$hammam-blue-rgb: 96, 214, 213;
$hammam-blue-light: mix(#fff, $hammam-blue, 20%);
$hammam-blue-dark: mix(#000, $hammam-blue, 20%);
.element {
color: $hammam-blue;
box-shadow: 0 0 0 2px rgba($hammam-blue, 0.35);
}