最接近的命名颜色 · #85C5C2
#85C5C2
最接近的命名颜色: Riverbed
#85C5C2（rgb(133 197 194)、hsl(177 36% 65%)、oklch(0.78 0.065 192.2)）最接近命名颜色 Riverbed。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#85C5C2
oklch(0.78 0.065 192.2)
颜色转换
- HEX
- #85c5c2
- RGB
- rgb(133 197 194)
- HSL
- hsl(177 36% 65%)
- HWB
- hwb(177 52% 23%)
- OKLCH
- oklch(0.78 0.065 192.2)
- OKLab
- oklab(0.78 -0.064 -0.014)
- CIE Lab
- lab(75.15 -21.7 -5.36)
- LCH
- lch(75.15 22.35 193.9)
- CMYK
- cmyk(32% 0% 2% 23%)
浅色调 · 深色调 · 灰色调
浅色调
- 92CBC8
- 9ED1CE
- ABD6D4
- B7DCDA
- C3E2E0
- CFE8E6
- DBEEEC
- E7F3F3
- F3F9F9
深色调
- 73ABA8
- 61928F
- 507977
- 406160
- 304B49
- 213534
- 132120
- 060E0E
- 010202
灰色调
- 85BEBB
- 85B7B4
- 85B0AE
- 85A9A7
- 85A2A0
- 849B9A
- 839493
- 828E8D
- 818786
配色和谐
互补色 +180°
- 85C5C2
Riverbed
- DEA7AC
≈ Prom
类似色 -30° +30°
- 85C5C2
Riverbed
- 92C5AB
≈ Spearmint Frosting
- 88C1D5
≈ Dreaming Blue
三角配色 +120° +240°
- 85C5C2
Riverbed
- C6ACD6
≈ Darling Lilac
- D2B189
≈ Cracker Bitz
分裂互补色 +150° +210°
- 85C5C2
Riverbed
- D6A7C3
≈ Rhubarb Gin
- DCAA97
≈ Perrigloss Tan
四角配色 +90° +180° +270°
- 85C5C2
Riverbed
- B0B3E1
≈ Beloved
- DEA7AC
≈ Prom
- BFB989
≈ Baby Bok Choy
对比度与无障碍
Ag
Fail白底
WCAG 1.95:1 · APCA Lc 37
Ag
AAA黑底
WCAG 10.76:1 · APCA Lc 65
最佳文字颜色: #000000
WCAG 10.76:1 (AAA) · APCA Lc 65
Contrast pairs
代码片段
CSS
:root {
--riverbed: #85c5c2;
--riverbed-rgb: 133 197 194;
--riverbed-oklch: oklch(0.78 0.065 192.2);
}
.element {
color: var(--riverbed);
background-color: hsl(177 36% 65%);
border-color: oklch(0.78 0.065 192.2);
}Tailwind CSS v4
@theme {
--color-riverbed: #85c5c2;
--color-riverbed-50: #e1fbfb;
--color-riverbed-100: #d0efee;
--color-riverbed-200: #b5dedc;
--color-riverbed-300: #90c2c1;
--color-riverbed-400: #6faba8;
--color-riverbed-500: #4d9491;
--color-riverbed-600: #427d7b;
--color-riverbed-700: #356462;
--color-riverbed-800: #254a47;
--color-riverbed-900: #193331;
--color-riverbed-950: #091f1d;
}SCSS
$riverbed: #85c5c2;
$riverbed-rgb: 133, 197, 194;
$riverbed-light: mix(#fff, $riverbed, 20%);
$riverbed-dark: mix(#000, $riverbed, 20%);
.element {
color: $riverbed;
box-shadow: 0 0 0 2px rgba($riverbed, 0.35);
}