Màu có tên gần nhất · #82B9CD
#82B9CD
Màu có tên gần nhất: Juvie
#82B9CD (rgb(130 185 205), hsl(196 43% 66%), oklch(0.755 0.064 222.6)) gần nhất với màu có tên Juvie. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#82B9CD
oklch(0.755 0.064 222.6)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8FC0D2
- 9BC7D7
- A8CEDC
- B4D5E1
- C1DCE6
- CDE3EB
- DAEAF0
- E6F1F5
- F3F8FA
Sắc đậm
- 70A0B2
- 5F8998
- 4E717E
- 3E5B66
- 2F464E
- 203138
- 121E23
- 060D0F
- 010202
Sắc xám
- 82B3C5
- 83ADBD
- 83A8B5
- 83A2AE
- 839CA6
- 82979E
- 829197
- 818B8F
- 818687
Hòa sắc
Bổ túc +180°
- 82B9CD
Juvie
- D3A390
≈ The Boulevard
Tương đồng -30° +30°
- 82B9CD
Juvie
- 7EBDBA
≈ Gentle Wave
- 93B2D8
≈ Echo Isles Water
Bộ ba +120° +240°
- 82B9CD
Juvie
- CDA0BA
≈ Quilted Heart
- B7B282
≈ Ryegrass
Bổ túc chia +150° +210°
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.14:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.77:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.77:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
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);
}