最接近的命名颜色 · #3398B5
#3398B5
最接近的命名颜色: Enchanted Well
#3398B5（rgb(51 152 181)、hsl(193 56% 45%)、oklch(0.634 0.1 221)）最接近命名颜色 Enchanted Well。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#3398B5
oklch(0.634 0.1 221)
颜色转换
- HEX
- #3398b5
- RGB
- rgb(51 152 181)
- HSL
- hsl(193 56% 45%)
- HWB
- hwb(193 20% 29%)
- OKLCH
- oklch(0.634 0.1 221)
- OKLab
- oklab(0.634 -0.075 -0.066)
- CIE Lab
- lab(58.08 -22.62 -24.09)
- LCH
- lch(58.08 33.05 226.8)
- CMYK
- cmyk(72% 16% 0% 29%)
浅色调 · 深色调 · 灰色调
浅色调
- 4EA2BC
- 64ADC4
- 79B7CB
- 8DC1D3
- A0CBDA
- B3D6E2
- C6E0E9
- D9EAF0
- ECF5F8
深色调
- 2B849D
- 237086
- 1C5C6F
- 144A59
- 0D3844
- 072730
- 03171D
- 01080C
- 000102
灰色调
- 4096B0
- 4B94AA
- 5491A5
- 5C8FA0
- 638D9B
- 6A8A95
- 708890
- 76858B
- 7B8385
配色和谐
互补色 +180°
- 3398B5
Enchanted Well
- BE755A
≈ Oxide
类似色 -30° +30°
- 3398B5
Enchanted Well
- 279E99
≈ Talismanic Teal
- 5B8EC5
≈ Cobalt Glow
三角配色 +120° +240°
- 3398B5
Enchanted Well
- B3729D
≈ Orchid Kiss
- 988C3E
≈ Jalapeño
分裂互补色 +150° +210°
- 3398B5
Enchanted Well
- BF707B
≈ Cinnamon Roll
- B18041
≈ Amber Romance
四角配色 +90° +180° +270°
- 3398B5
Enchanted Well
- 9E79B7
≈ Lush Lilac
- BE755A
≈ Oxide
- 759755
≈ Meadow Green
对比度与无障碍
Ag
Fail白底
WCAG 3.33:1 · APCA Lc 60
Ag
AA黑底
WCAG 6.29:1 · APCA Lc 41
最佳文字颜色: #000000
WCAG 6.29:1 (AA) · APCA Lc 41
Contrast pairs
代码片段
CSS
:root {
--enchanted-well: #3398b5;
--enchanted-well-rgb: 51 152 181;
--enchanted-well-oklch: oklch(0.634 0.1 221);
}
.element {
color: var(--enchanted-well);
background-color: hsl(193 56% 45%);
border-color: oklch(0.634 0.1 221);
}Tailwind CSS v4
@theme {
--color-enchanted-well: #3398b5;
--color-enchanted-well-50: #d7fcff;
--color-enchanted-well-100: #c5f0ff;
--color-enchanted-well-200: #a6def4;
--color-enchanted-well-300: #7cc3dd;
--color-enchanted-well-400: #51acc8;
--color-enchanted-well-500: #1495b5;
--color-enchanted-well-600: #187e98;
--color-enchanted-well-700: #14657a;
--color-enchanted-well-800: #094a5a;
--color-enchanted-well-900: #06343f;
--color-enchanted-well-950: #001f28;
}SCSS
$enchanted-well: #3398b5;
$enchanted-well-rgb: 51, 152, 181;
$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);
}