最接近的命名颜色 · #83C6C4
#83C6C4
最接近的命名颜色: Riverbed
#83C6C4（rgb(131 198 196)、hsl(178 37% 65%)、oklch(0.781 0.068 193.5)）最接近命名颜色 Riverbed。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#83C6C4
oklch(0.781 0.068 193.5)
颜色转换
- HEX
- #83c6c4
- RGB
- rgb(131 198 196)
- HSL
- hsl(178 37% 65%)
- HWB
- hwb(178 51% 22%)
- OKLCH
- oklch(0.781 0.068 193.5)
- OKLab
- oklab(0.781 -0.066 -0.016)
- CIE Lab
- lab(75.38 -22.39 -6.12)
- LCH
- lch(75.38 23.21 195.3)
- CMYK
- cmyk(34% 0% 1% 22%)
浅色调 · 深色调 · 灰色调
浅色调
- 90CCCA
- 9DD1D0
- AAD7D5
- B6DDDB
- C2E3E1
- CEE8E7
- DBEEED
- E7F4F3
- F3F9F9
深色调
- 71ACAA
- 609291
- 4F7A78
- 3F6261
- 2F4B4A
- 203535
- 122121
- 060E0E
- 010202
灰色调
- 84BFBD
- 84B8B6
- 84B1AF
- 84AAA8
- 84A3A1
- 839C9B
- 839594
- 828E8D
- 818787
配色和谐
互补色 +180°
- 83C6C4
Riverbed
- E0A6AB
≈ Pastel Pink
类似色 -30° +30°
- 83C6C4
Riverbed
- 90C6AC
≈ Hellion Green
- 87C2D8
≈ Sky Babe
三角配色 +120° +240°
- 83C6C4
Riverbed
- C8ACD7
≈ Darling Lilac
- D3B288
≈ Buttery Leather
分裂互补色 +150° +210°
- 83C6C4
Riverbed
- D8A7C3
≈ Rhubarb Gin
- DEAA95
≈ Arizona Dust
四角配色 +90° +180° +270°
- 83C6C4
Riverbed
- B1B3E3
≈ Beloved
- E0A6AB
≈ Pastel Pink
- BFBA88
≈ Baby Bok Choy
对比度与无障碍
Ag
Fail白底
WCAG 1.93:1 · APCA Lc 37
Ag
AAA黑底
WCAG 10.83:1 · APCA Lc 65
最佳文字颜色: #000000
WCAG 10.83:1 (AAA) · APCA Lc 65
Contrast pairs
代码片段
CSS
:root {
--riverbed: #83c6c4;
--riverbed-rgb: 131 198 196;
--riverbed-oklch: oklch(0.781 0.068 193.5);
}
.element {
color: var(--riverbed);
background-color: hsl(178 37% 65%);
border-color: oklch(0.781 0.068 193.5);
}Tailwind CSS v4
@theme {
--color-riverbed: #83c6c4;
--color-riverbed-50: #e0fcfb;
--color-riverbed-100: #cfefef;
--color-riverbed-200: #b3dedd;
--color-riverbed-300: #8fc3c2;
--color-riverbed-400: #6dabaa;
--color-riverbed-500: #499593;
--color-riverbed-600: #3f7e7c;
--color-riverbed-700: #326563;
--color-riverbed-800: #234a48;
--color-riverbed-900: #173332;
--color-riverbed-950: #081f1e;
}SCSS
$riverbed: #83c6c4;
$riverbed-rgb: 131, 198, 196;
$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);
}