命名颜色 · #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);
}