最接近的命名颜色 · #82B9CD
#82B9CD
最接近的命名颜色: Juvie
#82B9CD（rgb(130 185 205)、hsl(196 43% 66%)、oklch(0.755 0.064 222.6)）最接近命名颜色 Juvie。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#82B9CD
oklch(0.755 0.064 222.6)
颜色转换
- HEX
- #82b9cd
- RGB
- rgb(130 185 205)
- HSL
- hsl(196 43% 66%)
- HWB
- hwb(196 51% 20%)
- OKLCH
- oklch(0.755 0.064 222.6)
- OKLab
- oklab(0.755 -0.047 -0.043)
- CIE Lab
- lab(71.86 -14.86 -16.19)
- LCH
- lch(71.86 21.98 227.5)
- CMYK
- cmyk(37% 10% 0% 20%)
浅色调 · 深色调 · 灰色调
浅色调
- 8FC0D2
- 9BC7D7
- A8CEDC
- B4D5E1
- C1DCE6
- CDE3EB
- DAEAF0
- E6F1F5
- F3F8FA
深色调
- 70A0B2
- 5F8998
- 4E717E
- 3E5B66
- 2F464E
- 203138
- 121E23
- 060D0F
- 010202
灰色调
- 82B3C5
- 83ADBD
- 83A8B5
- 83A2AE
- 839CA6
- 82979E
- 829197
- 818B8F
- 818687
配色和谐
互补色 +180°
- 82B9CD
Juvie
- D3A390
≈ The Boulevard
类似色 -30° +30°
- 82B9CD
Juvie
- 7EBDBA
≈ Gentle Wave
- 93B2D8
≈ Echo Isles Water
三角配色 +120° +240°
- 82B9CD
Juvie
- CDA0BA
≈ Quilted Heart
- B7B282
≈ Ryegrass
分裂互补色 +150° +210°
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.14:1 · APCA Lc 42
Ag
AAA黑底
WCAG 9.77:1 · APCA Lc 60
最佳文字颜色: #000000
WCAG 9.77:1 (AAA) · APCA Lc 60
Contrast pairs
代码片段
CSS
:root {
--juvie: #82b9cd;
--juvie-rgb: 130 185 205;
--juvie-oklch: oklch(0.755 0.064 222.6);
}
.element {
color: var(--juvie);
background-color: hsl(196 43% 66%);
border-color: oklch(0.755 0.064 222.6);
}Tailwind CSS v4
@theme {
--color-juvie: #82b9cd;
--color-juvie-50: #e3faff;
--color-juvie-100: #d2edf8;
--color-juvie-200: #b8dbe9;
--color-juvie-300: #95bfd0;
--color-juvie-400: #74a7ba;
--color-juvie-500: #5390a5;
--color-juvie-600: #477a8b;
--color-juvie-700: #396170;
--color-juvie-800: #284852;
--color-juvie-900: #1b3239;
--color-juvie-950: #0b1e23;
}SCSS
$juvie: #82b9cd;
$juvie-rgb: 130, 185, 205;
$juvie-light: mix(#fff, $juvie, 20%);
$juvie-dark: mix(#000, $juvie, 20%);
.element {
color: $juvie;
box-shadow: 0 0 0 2px rgba($juvie, 0.35);
}