Màu có tên gần nhất · #79B6CD
#79B6CD
Màu có tên gần nhất: Juvie
#79B6CD (rgb(121 182 205), hsl(196 46% 64%), oklch(0.743 0.071 223.7)) 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.
#79B6CD
oklch(0.743 0.071 223.7)
Chuyển đổi màu
- HEX
- #79b6cd
- RGB
- rgb(121 182 205)
- HSL
- hsl(196 46% 64%)
- HWB
- hwb(196 47% 20%)
- OKLCH
- oklch(0.743 0.071 223.7)
- OKLab
- oklab(0.743 -0.051 -0.049)
- CIE Lab
- lab(70.52 -15.96 -18.26)
- LCH
- lch(70.52 24.25 228.8)
- CMYK
- cmyk(41% 11% 0% 20%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 87BDD2
- 95C5D7
- A2CCDC
- AFD3E1
- BDDAE6
- CAE2EB
- D7E9F0
- E4F0F5
- F2F8FA
Sắc đậm
- 689EB2
- 588698
- 486F7E
- 395966
- 2B444E
- 1D3038
- 101D23
- 050C0F
- 010202
Sắc xám
- 7BB1C5
- 7CABBD
- 7DA6B5
- 7EA0AE
- 7F9BA6
- 7F969E
- 809097
- 808B8F
- 808588
Hòa sắc
Bổ túc +180°
- 79B6CD
Juvie
- D39E88
≈ Dusty Coral
Tương đồng -30° +30°
- 79B6CD
Juvie
- 74BAB9
≈ Surfer
- 8DAFD8
≈ Boy Blue
Bộ ba +120° +240°
Bổ túc chia +150° +210°
- 79B6CD
Juvie
- D59A9E
≈ Parrot Pink
- C7A57A
≈ Sugar Pie
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.23:1 · APCA Lc 44
Ag
AAATrên nền đen
WCAG 9.38:1 · APCA Lc 58
Màu chữ tốt nhất: #000000
WCAG 9.38:1 (AAA) · APCA Lc 58
Contrast pairs
Đoạn mã
CSS
:root {
--juvie: #79b6cd;
--juvie-rgb: 121 182 205;
--juvie-oklch: oklch(0.743 0.071 223.7);
}
.element {
color: var(--juvie);
background-color: hsl(196 46% 64%);
border-color: oklch(0.743 0.071 223.7);
}Tailwind CSS v4
@theme {
--color-juvie: #79b6cd;
--color-juvie-50: #e1faff;
--color-juvie-100: #d0edfa;
--color-juvie-200: #b5dbec;
--color-juvie-300: #91c0d3;
--color-juvie-400: #6fa8be;
--color-juvie-500: #4c90a9;
--color-juvie-600: #427a8f;
--color-juvie-700: #346272;
--color-juvie-800: #244854;
--color-juvie-900: #18323b;
--color-juvie-950: #081e25;
}SCSS
$juvie: #79b6cd;
$juvie-rgb: 121, 182, 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);
}