이름 색상 · #6FB7A8
Glacial Green
Glacial Green은(는) #6FB7A8: rgb(111 183 168), hsl(168 33% 58%), oklch(0.728 0.076 179.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Glacial Green color name →
#6FB7A8
oklch(0.728 0.076 179.3)
색상 변환
- HEX
- #6fb7a8
- RGB
- rgb(111 183 168)
- HSL
- hsl(168 33% 58%)
- HWB
- hwb(168 44% 28%)
- OKLCH
- oklch(0.728 0.076 179.3)
- OKLab
- oklab(0.728 -0.076 0.001)
- CIE Lab
- lab(69.37 -26.28 0.16)
- LCH
- lch(69.37 26.28 179.7)
- CMYK
- cmyk(39% 0% 8% 28%)
틴트 · 셰이드 · 톤
틴트
- 7EBEB0
- 8DC5B9
- 9CCDC1
- AAD4CA
- B8DBD3
- C7E2DB
- D5E9E4
- E3F1ED
- F1F8F6
셰이드
- 609F92
- 51877C
- 427067
- 345A52
- 27453F
- 1A312C
- 0E1E1A
- 040C0A
- 010201
톤
- 72B1A4
- 75ACA0
- 77A69C
- 79A198
- 7B9B94
- 7C9690
- 7D908C
- 7E8B88
- 7F8584
색 조화
보색 +180°
- 6FB7A8
Glacial Green
- CF93A6
≈ Madagascar Pink
유사색 -30° +30°
- 6FB7A8
Glacial Green
- 85B58D
≈ Veiled Chameleon
- 6AB4C1
≈ Riverside Blue
삼각 배색 +120° +240°
- 6FB7A8
Glacial Green
- AD9DD1
≈ Imperial Lilac
- CB9C77
≈ Chimaera Brown
분열 보색 +150° +210°
- 6FB7A8
Glacial Green
- C296BF
≈ Pomtini
- D3958B
≈ Peach Preserve
사각 배색 +90° +180° +270°
- 6FB7A8
Glacial Green
- 93A5D8
≈ Dalmatian Sage
- CF93A6
≈ Madagascar Pink
- BAA56F
≈ Horn of Plenty
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.32:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.01:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 9.01:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--glacial-green: #6fb7a8;
--glacial-green-rgb: 111 183 168;
--glacial-green-oklch: oklch(0.728 0.076 179.3);
}
.element {
color: var(--glacial-green);
background-color: hsl(168 33% 58%);
border-color: oklch(0.728 0.076 179.3);
}Tailwind CSS v4
@theme {
--color-glacial-green: #6fb7a8;
--color-glacial-green-50: #dffdf6;
--color-glacial-green-100: #cdf1e9;
--color-glacial-green-200: #b1dfd6;
--color-glacial-green-300: #8cc5ba;
--color-glacial-green-400: #6aae9f;
--color-glacial-green-500: #459787;
--color-glacial-green-600: #3c7f72;
--color-glacial-green-700: #2f665c;
--color-glacial-green-800: #224b42;
--color-glacial-green-900: #16342d;
--color-glacial-green-950: #071f1a;
}SCSS
$glacial-green: #6fb7a8;
$glacial-green-rgb: 111, 183, 168;
$glacial-green-light: mix(#fff, $glacial-green, 20%);
$glacial-green-dark: mix(#000, $glacial-green, 20%);
.element {
color: $glacial-green;
box-shadow: 0 0 0 2px rgba($glacial-green, 0.35);
}