가장 가까운 이름 색상 · #6CBDB9
#6CBDB9
가장 가까운 이름 색상: Cyantific
#6CBDB9(rgb(108 189 185), hsl(177 38% 58%), oklch(0.746 0.08 191.5))와 가장 가까운 이름 색상은 Cyantific입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#6CBDB9
oklch(0.746 0.08 191.5)
색상 변환
- HEX
- #6cbdb9
- RGB
- rgb(108 189 185)
- HSL
- hsl(177 38% 58%)
- HWB
- hwb(177 42% 26%)
- OKLCH
- oklch(0.746 0.08 191.5)
- OKLab
- oklab(0.746 -0.078 -0.016)
- CIE Lab
- lab(71.39 -26.67 -6.17)
- LCH
- lch(71.39 27.37 193)
- CMYK
- cmyk(43% 0% 2% 26%)
틴트 · 셰이드 · 톤
틴트
- 7CC4C0
- 8CCAC7
- 9BD1CE
- AAD7D5
- B8DEDC
- C6E5E3
- D5EBEA
- E3F2F1
- F1F8F8
셰이드
- 5DA4A0
- 4E8C89
- 407471
- 325D5B
- 254746
- 193331
- 0D1F1E
- 040D0D
- 000202
톤
- 70B7B3
- 73B1AD
- 76ABA8
- 78A4A2
- 7A9E9C
- 7C9896
- 7D9291
- 7E8C8B
- 7F8686
색 조화
보색 +180°
- 6CBDB9
Cyantific
- DA98A0
≈ Parrot Pink
유사색 -30° +30°
- 6CBDB9
Cyantific
- 7EBD9D
≈ Neptune Green
- 71B8D1
≈ Blue Brocade
삼각 배색 +120° +240°
- 6CBDB9
Cyantific
- BD9ED2
≈ Purple Premiere
- CDA574
≈ Golden Thistle Yellow
분열 보색 +150° +210°
- 6CBDB9
Cyantific
- D099BB
≈ Peach Buff
- D99C85
≈ Pinkish Tan
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.18:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.61:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.61:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--cyantific: #6cbdb9;
--cyantific-rgb: 108 189 185;
--cyantific-oklch: oklch(0.746 0.08 191.5);
}
.element {
color: var(--cyantific);
background-color: hsl(177 38% 58%);
border-color: oklch(0.746 0.08 191.5);
}Tailwind CSS v4
@theme {
--color-cyantific: #6cbdb9;
--color-cyantific-50: #dcfdfc;
--color-cyantific-100: #caf1ef;
--color-cyantific-200: #ade0de;
--color-cyantific-300: #86c5c3;
--color-cyantific-400: #62aeaa;
--color-cyantific-500: #389793;
--color-cyantific-600: #31807c;
--color-cyantific-700: #276664;
--color-cyantific-800: #1b4b48;
--color-cyantific-900: #123432;
--color-cyantific-950: #04201e;
}SCSS
$cyantific: #6cbdb9;
$cyantific-rgb: 108, 189, 185;
$cyantific-light: mix(#fff, $cyantific, 20%);
$cyantific-dark: mix(#000, $cyantific, 20%);
.element {
color: $cyantific;
box-shadow: 0 0 0 2px rgba($cyantific, 0.35);
}