이름 색상 · #3E9EAC
Teal Glacier
Teal Glacier은(는) #3E9EAC: rgb(62 158 172), hsl(188 47% 46%), oklch(0.649 0.091 208.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Teal Glacier color name →
#3E9EAC
oklch(0.649 0.091 208.5)
색상 변환
- HEX
- #3e9eac
- RGB
- rgb(62 158 172)
- HSL
- hsl(188 47% 46%)
- HWB
- hwb(188 24% 33%)
- OKLCH
- oklch(0.649 0.091 208.5)
- OKLab
- oklab(0.649 -0.08 -0.043)
- CIE Lab
- lab(59.96 -25.79 -16.15)
- LCH
- lch(59.96 30.43 212.1)
- CMYK
- cmyk(64% 8% 0% 33%)
틴트 · 셰이드 · 톤
틴트
- 56A8B4
- 6BB1BC
- 7FBBC5
- 92C5CD
- A4CED5
- B6D8DD
- C9E2E6
- DBEBEE
- EDF5F7
셰이드
- 358995
- 2B747F
- 236069
- 1A4D54
- 123A40
- 0A292D
- 04181B
- 01090B
- 000101
톤
- 499BA8
- 5298A3
- 5A959F
- 61929A
- 678F96
- 6D8C92
- 72898D
- 778689
- 7C8384
색 조화
보색 +180°
- 3E9EAC
Teal Glacier
- C0796F
≈ Antique Pink
유사색 -30° +30°
- 3E9EAC
Teal Glacier
- 46A18F
≈ Dioptase Green
- 5697C0
≈ Mountain Bluebird
삼각 배색 +120° +240°
- 3E9EAC
Teal Glacier
- AD7BAA
≈ Victorian Violet
- A58C4A
≈ Mustard Gold
분열 보색 +150° +210°
- 3E9EAC
Teal Glacier
- BC778E
≈ Strawberry Surprise
- B88155
≈ Cinnamon Sand
사각 배색 +90° +180° +270°
- 3E9EAC
Teal Glacier
- 9683BF
≈ Bougainvillaea
- C0796F
≈ Antique Pink
- 899755
≈ Topiary
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.13:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.69:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.69:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--teal-glacier: #3e9eac;
--teal-glacier-rgb: 62 158 172;
--teal-glacier-oklch: oklch(0.649 0.091 208.5);
}
.element {
color: var(--teal-glacier);
background-color: hsl(188 47% 46%);
border-color: oklch(0.649 0.091 208.5);
}Tailwind CSS v4
@theme {
--color-teal-glacier: #3e9eac;
--color-teal-glacier-50: #d9fdff;
--color-teal-glacier-100: #c6f1f9;
--color-teal-glacier-200: #a7dfea;
--color-teal-glacier-300: #7fc4d1;
--color-teal-glacier-400: #56adbb;
--color-teal-glacier-500: #2096a6;
--color-teal-glacier-600: #1f7f8c;
--color-teal-glacier-700: #1a6670;
--color-teal-glacier-800: #0f4b52;
--color-teal-glacier-900: #0a3439;
--color-teal-glacier-950: #001f23;
}SCSS
$teal-glacier: #3e9eac;
$teal-glacier-rgb: 62, 158, 172;
$teal-glacier-light: mix(#fff, $teal-glacier, 20%);
$teal-glacier-dark: mix(#000, $teal-glacier, 20%);
.element {
color: $teal-glacier;
box-shadow: 0 0 0 2px rgba($teal-glacier, 0.35);
}