最接近的命名颜色 · #83E29C
#83E29C
最接近的命名颜色: Enchanted Emerald
#83E29C（rgb(131 226 156)、hsl(136 62% 70%)、oklch(0.836 0.134 151.1)）最接近命名颜色 Enchanted Emerald。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#83E29C
oklch(0.836 0.134 151.1)
颜色转换
- HEX
- #83e29c
- RGB
- rgb(131 226 156)
- HSL
- hsl(136 62% 70%)
- HWB
- hwb(136 51% 11%)
- OKLCH
- oklch(0.836 0.134 151.1)
- OKLab
- oklab(0.836 -0.117 0.065)
- CIE Lab
- lab(82.69 -40.63 25.17)
- LCH
- lch(82.69 47.79 148.2)
- CMYK
- cmyk(42% 0% 31% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- 91E5A6
- 9FE8B0
- ABEBBA
- B8EEC4
- C4F1CE
- D0F4D7
- DCF7E1
- E8FAEB
- F4FCF5
深色调
- 71C487
- 60A873
- 4F8C5F
- 3F714C
- 2F5739
- 203E28
- 122718
- 061209
- 010301
灰色调
- 84D899
- 85CE97
- 86C494
- 86BA92
- 85B08F
- 85A78C
- 849D89
- 839386
- 828A83
配色和谐
互补色 +180°
- 83E29C
Enchanted Emerald
- FBA8F1
≈ Pink Wink
类似色 -30° +30°
- 83E29C
Enchanted Emerald
- BCD76E
≈ Rebounder
- 46E5CE
≈ Ice Climber
三角配色 +120° +240°
- 83E29C
Enchanted Emerald
- B5C7FF
≈ Light Periwinkle
- FFB3A5
≈ Peach Pearl
分裂互补色 +150° +210°
- 83E29C
Enchanted Emerald
- D4BBFF
≈ Lavender Tonic
- FFAFC5
≈ Baby’s Blanket
四角配色 +90° +180° +270°
- 83E29C
Enchanted Emerald
- 93D1FF
≈ Long Island Sound
- FBA8F1
≈ Pink Wink
- FFB87B
≈ Macaroni and Cheese
对比度与无障碍
Ag
Fail白底
WCAG 1.57:1 · APCA Lc 26
Ag
AAA黑底
WCAG 13.32:1 · APCA Lc 77
最佳文字颜色: #000000
WCAG 13.32:1 (AAA) · APCA Lc 77
Contrast pairs
代码片段
CSS
:root {
--enchanted-emerald: #83e29c;
--enchanted-emerald-rgb: 131 226 156;
--enchanted-emerald-oklch: oklch(0.836 0.134 151.1);
}
.element {
color: var(--enchanted-emerald);
background-color: hsl(136 62% 70%);
border-color: oklch(0.836 0.134 151.1);
}Tailwind CSS v4
@theme {
--color-enchanted-emerald: #83e29c;
--color-enchanted-emerald-50: #d9ffe3;
--color-enchanted-emerald-100: #c7f6d3;
--color-enchanted-emerald-200: #a8e5b9;
--color-enchanted-emerald-300: #7fcc97;
--color-enchanted-emerald-400: #5cb575;
--color-enchanted-emerald-500: #2d9e56;
--color-enchanted-emerald-600: #298649;
--color-enchanted-emerald-700: #216b3a;
--color-enchanted-emerald-800: #194f27;
--color-enchanted-emerald-900: #10371a;
--color-enchanted-emerald-950: #03210b;
}SCSS
$enchanted-emerald: #83e29c;
$enchanted-emerald-rgb: 131, 226, 156;
$enchanted-emerald-light: mix(#fff, $enchanted-emerald, 20%);
$enchanted-emerald-dark: mix(#000, $enchanted-emerald, 20%);
.element {
color: $enchanted-emerald;
box-shadow: 0 0 0 2px rgba($enchanted-emerald, 0.35);
}