가장 가까운 이름 색상 · #6FCDC3
#6FCDC3
가장 가까운 이름 색상: Hidden Sea Glass
#6FCDC3(rgb(111 205 195), hsl(174 48% 62%), oklch(0.788 0.091 186.6))와 가장 가까운 이름 색상은 Hidden Sea Glass입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#6FCDC3
oklch(0.788 0.091 186.6)
색상 변환
- HEX
- #6fcdc3
- RGB
- rgb(111 205 195)
- HSL
- hsl(174 48% 62%)
- HWB
- hwb(174 44% 20%)
- OKLCH
- oklch(0.788 0.091 186.6)
- OKLab
- oklab(0.788 -0.091 -0.01)
- CIE Lab
- lab(76.44 -31.07 -4.16)
- LCH
- lch(76.44 31.35 187.6)
- CMYK
- cmyk(46% 0% 5% 20%)
틴트 · 셰이드 · 톤
틴트
- 80D2C9
- 8FD7CF
- 9EDCD5
- ADE1DB
- BBE6E1
- C9EBE7
- D7F0ED
- E4F5F3
- F2FAF9
셰이드
- 60B2A9
- 519890
- 427E78
- 346660
- 274E4A
- 1A3834
- 0E2320
- 040F0E
- 010202
톤
- 73C5BC
- 76BDB5
- 79B6AE
- 7BAEA8
- 7DA6A1
- 7E9E9A
- 7F9794
- 808F8D
- 808886
색 조화
보색 +180°
- 6FCDC3
Hidden Sea Glass
- EDA1B0
≈ Pinque
유사색 -30° +30°
- 6FCDC3
Hidden Sea Glass
- 88CCA2
≈ Frost Gum
- 70C9E0
≈ Hawaiian Breeze
삼각 배색 +120° +240°
- 6FCDC3
Hidden Sea Glass
- C9ABE8
≈ Tropical Violet
- E2AF7A
≈ Wooden Sword
분열 보색 +150° +210°
- 6FCDC3
Hidden Sea Glass
- E0A4D0
≈ Chateau Rose
- EEA591
≈ Stone Fruit
사각 배색 +90° +180° +270°
- 6FCDC3
Hidden Sea Glass
- AAB5F4
≈ Wondrous Wisteria
- EDA1B0
≈ Pinque
- CABA75
≈ Pistachio Shortbread
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.87:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.19:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.19:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--hidden-sea-glass: #6fcdc3;
--hidden-sea-glass-rgb: 111 205 195;
--hidden-sea-glass-oklch: oklch(0.788 0.091 186.6);
}
.element {
color: var(--hidden-sea-glass);
background-color: hsl(174 48% 62%);
border-color: oklch(0.788 0.091 186.6);
}Tailwind CSS v4
@theme {
--color-hidden-sea-glass: #6fcdc3;
--color-hidden-sea-glass-50: #d9fefa;
--color-hidden-sea-glass-100: #c6f2ee;
--color-hidden-sea-glass-200: #a8e1dc;
--color-hidden-sea-glass-300: #7fc7c0;
--color-hidden-sea-glass-400: #57b0a7;
--color-hidden-sea-glass-500: #239990;
--color-hidden-sea-glass-600: #22827a;
--color-hidden-sea-glass-700: #1b6861;
--color-hidden-sea-glass-800: #124c46;
--color-hidden-sea-glass-900: #0c3531;
--color-hidden-sea-glass-950: #00201d;
}SCSS
$hidden-sea-glass: #6fcdc3;
$hidden-sea-glass-rgb: 111, 205, 195;
$hidden-sea-glass-light: mix(#fff, $hidden-sea-glass, 20%);
$hidden-sea-glass-dark: mix(#000, $hidden-sea-glass, 20%);
.element {
color: $hidden-sea-glass;
box-shadow: 0 0 0 2px rgba($hidden-sea-glass, 0.35);
}