最接近的命名颜色 · #86C3D4
#86C3D4
最接近的命名颜色: Dolphin
#86C3D4（rgb(134 195 212)、hsl(193 48% 68%)、oklch(0.782 0.067 217.1)）最接近命名颜色 Dolphin。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#86C3D4
oklch(0.782 0.067 217.1)
颜色转换
- HEX
- #86c3d4
- RGB
- rgb(134 195 212)
- HSL
- hsl(193 48% 68%)
- HWB
- hwb(193 53% 17%)
- OKLCH
- oklch(0.782 0.067 217.1)
- OKLab
- oklab(0.782 -0.053 -0.04)
- CIE Lab
- lab(75.09 -17.15 -15.13)
- LCH
- lch(75.09 22.87 221.4)
- CMYK
- cmyk(37% 8% 0% 17%)
浅色调 · 深色调 · 灰色调
浅色调
- 93C9D8
- 9FCFDD
- ABD5E1
- B7DBE5
- C3E1EA
- CFE7EE
- DBEDF2
- E7F3F6
- F3F9FB
深色调
- 74A9B8
- 62909D
- 517883
- 406069
- 304A51
- 21343A
- 132024
- 060E10
- 010202
灰色调
- 86BCCB
- 86B5C3
- 86AFBA
- 86A8B2
- 85A1A9
- 849AA1
- 839499
- 828D90
- 818788
配色和谐
互补色 +180°
- 86C3D4
Dolphin
- DFAA9A
≈ Tamanegi Peel
类似色 -30° +30°
- 86C3D4
Dolphin
- 85C6BF
≈ Holiday Turquoise
- 96BDE1
≈ Double Denim
三角配色 +120° +240°
- 86C3D4
Dolphin
- D5A8C8
≈ Lofty Delight
- C4B987
≈ Bakelite Yellow
分裂互补色 +150° +210°
- 86C3D4
Dolphin
- DEA7B0
≈ Iced Vovo
- D5B08A
≈ Summerwood
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.94:1 · APCA Lc 37
Ag
AAA黑底
WCAG 10.77:1 · APCA Lc 65
最佳文字颜色: #000000
WCAG 10.77:1 (AAA) · APCA Lc 65
Contrast pairs
代码片段
CSS
:root {
--dolphin: #86c3d4;
--dolphin-rgb: 134 195 212;
--dolphin-oklch: oklch(0.782 0.067 217.1);
}
.element {
color: var(--dolphin);
background-color: hsl(193 48% 68%);
border-color: oklch(0.782 0.067 217.1);
}Tailwind CSS v4
@theme {
--color-dolphin: #86c3d4;
--color-dolphin-50: #e1faff;
--color-dolphin-100: #d0eef7;
--color-dolphin-200: #b5dce8;
--color-dolphin-300: #91c0cf;
--color-dolphin-400: #70a9b8;
--color-dolphin-500: #4e91a3;
--color-dolphin-600: #437b8a;
--color-dolphin-700: #35626f;
--color-dolphin-800: #254851;
--color-dolphin-900: #193238;
--color-dolphin-950: #091e23;
}SCSS
$dolphin: #86c3d4;
$dolphin-rgb: 134, 195, 212;
$dolphin-light: mix(#fff, $dolphin, 20%);
$dolphin-dark: mix(#000, $dolphin, 20%);
.element {
color: $dolphin;
box-shadow: 0 0 0 2px rgba($dolphin, 0.35);
}