最接近的命名颜色 · #3EB7A6
#3EB7A6
最接近的命名颜色: Emerald Bliss
#3EB7A6（rgb(62 183 166)、hsl(172 49% 48%)、oklch(0.708 0.109 182)）最接近命名颜色 Emerald Bliss。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#3EB7A6
oklch(0.708 0.109 182)
颜色转换
- HEX
- #3eb7a6
- RGB
- rgb(62 183 166)
- HSL
- hsl(172 49% 48%)
- HWB
- hwb(172 24% 28%)
- OKLCH
- oklch(0.708 0.109 182)
- OKLab
- oklab(0.708 -0.109 -0.004)
- CIE Lab
- lab(67.52 -37.85 -1.68)
- LCH
- lch(67.52 37.89 182.5)
- CMYK
- cmyk(66% 0% 9% 28%)
浅色调 · 深色调 · 灰色调
浅色调
- 59BEAF
- 6FC6B7
- 83CDC0
- 96D4C9
- A8DBD2
- BAE3DB
- CCEAE4
- DDF1ED
- EEF8F6
深色调
- 359F90
- 2B877A
- 237065
- 1A5A51
- 12453E
- 0A312B
- 041E1A
- 010C0A
- 000201
灰色调
- 4BB2A2
- 55AC9E
- 5DA79A
- 64A197
- 6B9C93
- 70968F
- 75918B
- 798B87
- 7D8684
配色和谐
互补色 +180°
- 3EB7A6
Emerald Bliss
- D9839C
≈ Primrose
类似色 -30° +30°
- 3EB7A6
Emerald Bliss
- 6AB57F
≈ Appleton
- 38B3C8
≈ Utopia Beckons
三角配色 +120° +240°
- 3EB7A6
Emerald Bliss
- AE90DA
≈ Middy’s Purple
- D29156
≈ Polo Pony
分裂互补色 +150° +210°
- 3EB7A6
Emerald Bliss
- C987BF
≈ Dragonflies
- DC8776
≈ Love Sceptre
四角配色 +90° +180° +270°
- 3EB7A6
Emerald Bliss
- 899DE5
≈ Portage
- D9839C
≈ Primrose
- B99F4A
≈ Underbrush
对比度与无障碍
Ag
Fail白底
WCAG 2.46:1 · APCA Lc 48
Ag
AAA黑底
WCAG 8.52:1 · APCA Lc 54
最佳文字颜色: #000000
WCAG 8.52:1 (AAA) · APCA Lc 54
Contrast pairs
代码片段
CSS
:root {
--emerald-bliss: #3eb7a6;
--emerald-bliss-rgb: 62 183 166;
--emerald-bliss-oklch: oklch(0.708 0.109 182);
}
.element {
color: var(--emerald-bliss);
background-color: hsl(172 49% 48%);
border-color: oklch(0.708 0.109 182);
}Tailwind CSS v4
@theme {
--color-emerald-bliss: #3eb7a6;
--color-emerald-bliss-50: #d4fff8;
--color-emerald-bliss-100: #c0f4ec;
--color-emerald-bliss-200: #9fe4d9;
--color-emerald-bliss-300: #72cabd;
--color-emerald-bliss-400: #44b3a3;
--color-emerald-bliss-500: #009d8b;
--color-emerald-bliss-600: #008576;
--color-emerald-bliss-700: #006a5e;
--color-emerald-bliss-800: #004e44;
--color-emerald-bliss-900: #00362f;
--color-emerald-bliss-950: #00211b;
}SCSS
$emerald-bliss: #3eb7a6;
$emerald-bliss-rgb: 62, 183, 166;
$emerald-bliss-light: mix(#fff, $emerald-bliss, 20%);
$emerald-bliss-dark: mix(#000, $emerald-bliss, 20%);
.element {
color: $emerald-bliss;
box-shadow: 0 0 0 2px rgba($emerald-bliss, 0.35);
}