最接近的命名颜色 · #4C94B0
#4C94B0
最接近的命名颜色: Enchanted Well
#4C94B0（rgb(76 148 176)、hsl(197 40% 49%)、oklch(0.631 0.083 225.9)）最接近命名颜色 Enchanted Well。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#4C94B0
oklch(0.631 0.083 225.9)
颜色转换
- HEX
- #4c94b0
- RGB
- rgb(76 148 176)
- HSL
- hsl(197 40% 49%)
- HWB
- hwb(197 30% 31%)
- OKLCH
- oklch(0.631 0.083 225.9)
- OKLab
- oklab(0.631 -0.058 -0.06)
- CIE Lab
- lab(57.53 -17.23 -22.02)
- LCH
- lch(57.53 27.96 232)
- CMYK
- cmyk(57% 16% 0% 31%)
浅色调 · 深色调 · 灰色调
浅色调
- 5F9EB8
- 72A9C0
- 84B4C8
- 96BED0
- A7C9D8
- B9D4DF
- CADEE7
- DCE9EF
- EDF4F7
深色调
- 418099
- 366D82
- 2C5A6C
- 224856
- 183642
- 0F262E
- 06161C
- 02080B
- 000101
灰色调
- 5392AB
- 5A90A6
- 608EA2
- 658C9D
- 6A8A98
- 6F8893
- 74868F
- 78848A
- 7C8285
配色和谐
互补色 +180°
- 4C94B0
Enchanted Well
- B4795E
≈ Myrtle Pepper
类似色 -30° +30°
- 4C94B0
Enchanted Well
- 42999A
≈ Aquatic Green
- 688CBC
≈ Faded Blue
三角配色 +120° +240°
- 4C94B0
Enchanted Well
- AE7594
≈ So Long Shadow
- 908D4F
≈ Green Jalapeño
分裂互补色 +150° +210°
- 4C94B0
Enchanted Well
- B67478
≈ Precious Garnet
- A7834D
≈ Muddy Waters
四角配色 +90° +180° +270°
- 4C94B0
Enchanted Well
- 9D7AAC
≈ Cloudy Plum
- B4795E
≈ Myrtle Pepper
- 739562
≈ Van Gogh Olives
对比度与无障碍
Ag
Fail白底
WCAG 3.40:1 · APCA Lc 61
Ag
AA黑底
WCAG 6.17:1 · APCA Lc 40
最佳文字颜色: #000000
WCAG 6.17:1 (AA) · APCA Lc 40
Contrast pairs
代码片段
CSS
:root {
--enchanted-well: #4c94b0;
--enchanted-well-rgb: 76 148 176;
--enchanted-well-oklch: oklch(0.631 0.083 225.9);
}
.element {
color: var(--enchanted-well);
background-color: hsl(197 40% 49%);
border-color: oklch(0.631 0.083 225.9);
}Tailwind CSS v4
@theme {
--color-enchanted-well: #4c94b0;
--color-enchanted-well-50: #defbff;
--color-enchanted-well-100: #cceefe;
--color-enchanted-well-200: #b0dcf1;
--color-enchanted-well-300: #8ac0d9;
--color-enchanted-well-400: #66a9c4;
--color-enchanted-well-500: #3f91b0;
--color-enchanted-well-600: #377b95;
--color-enchanted-well-700: #2c6277;
--color-enchanted-well-800: #1d4958;
--color-enchanted-well-900: #13323d;
--color-enchanted-well-950: #051e27;
}SCSS
$enchanted-well: #4c94b0;
$enchanted-well-rgb: 76, 148, 176;
$enchanted-well-light: mix(#fff, $enchanted-well, 20%);
$enchanted-well-dark: mix(#000, $enchanted-well, 20%);
.element {
color: $enchanted-well;
box-shadow: 0 0 0 2px rgba($enchanted-well, 0.35);
}