가장 가까운 이름 색상 · #6CC5A6
#6CC5A6
가장 가까운 이름 색상: Spearmint
#6CC5A6(rgb(108 197 166), hsl(159 43% 60%), oklch(0.759 0.098 169))와 가장 가까운 이름 색상은 Spearmint입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#6CC5A6
oklch(0.759 0.098 169)
색상 변환
- HEX
- #6cc5a6
- RGB
- rgb(108 197 166)
- HSL
- hsl(159 43% 60%)
- HWB
- hwb(159 42% 23%)
- OKLCH
- oklch(0.759 0.098 169)
- OKLab
- oklab(0.759 -0.096 0.019)
- CIE Lab
- lab(73.33 -33.57 6.88)
- LCH
- lch(73.33 34.27 168.4)
- CMYK
- cmyk(45% 0% 16% 23%)
틴트 · 셰이드 · 톤
틴트
- 7DCBAF
- 8CD1B7
- 9CD7C0
- AADCC9
- B9E2D2
- C7E8DB
- D5EEE4
- E3F4ED
- F1F9F6
셰이드
- 5DAB90
- 4E927A
- 407965
- 326151
- 254B3E
- 19352B
- 0D211A
- 040E0A
- 000201
톤
- 70BEA2
- 73B79E
- 76B09A
- 79A997
- 7BA293
- 7C9B8F
- 7E958B
- 7F8E88
- 7F8784
색 조화
보색 +180°
- 6CC5A6
Spearmint
- E097BB
≈ Soft Matte
유사색 -30° +30°
- 6CC5A6
Spearmint
- 91C084
≈ Hearty Hosta
- 59C4C8
≈ Rapids
삼각 배색 +120° +240°
- 6CC5A6
Spearmint
- AEA7EB
≈ Maximum Blue Purple
- E49E79
≈ Les Demoiselles d’Avignon
분열 보색 +150° +210°
- 6CC5A6
Spearmint
- CC9DD9
≈ Autumn Wisteria
- E89798
≈ Franken Berry
사각 배색 +90° +180° +270°
- 6CC5A6
Spearmint
- 8BB2EF
≈ Fly Away
- E097BB
≈ Soft Matte
- D2AA66
≈ Ginger Crunch
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.06:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.17:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.17:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--spearmint: #6cc5a6;
--spearmint-rgb: 108 197 166;
--spearmint-oklch: oklch(0.759 0.098 169);
}
.element {
color: var(--spearmint);
background-color: hsl(159 43% 60%);
border-color: oklch(0.759 0.098 169);
}Tailwind CSS v4
@theme {
--color-spearmint: #6cc5a6;
--color-spearmint-50: #dafff1;
--color-spearmint-100: #c8f3e3;
--color-spearmint-200: #aae2cf;
--color-spearmint-300: #82c8b1;
--color-spearmint-400: #5eb194;
--color-spearmint-500: #309b7b;
--color-spearmint-600: #2b8368;
--color-spearmint-700: #236953;
--color-spearmint-800: #194d3b;
--color-spearmint-900: #103629;
--color-spearmint-950: #032116;
}SCSS
$spearmint: #6cc5a6;
$spearmint-rgb: 108, 197, 166;
$spearmint-light: mix(#fff, $spearmint, 20%);
$spearmint-dark: mix(#000, $spearmint, 20%);
.element {
color: $spearmint;
box-shadow: 0 0 0 2px rgba($spearmint, 0.35);
}