Màu có tên gần nhất · #83C3C3
#83C3C3
Màu có tên gần nhất: Riverbed
#83C3C3 (rgb(131 195 195), hsl(180 35% 64%), oklch(0.774 0.065 195.9)) gần nhất với màu có tên Riverbed. 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.
#83C3C3
oklch(0.774 0.065 195.9)
Chuyển đổi màu
- HEX
- #83c3c3
- RGB
- rgb(131 195 195)
- HSL
- hsl(180 35% 64%)
- HWB
- hwb(180 51% 24%)
- OKLCH
- oklch(0.774 0.065 195.9)
- OKLab
- oklab(0.774 -0.063 -0.018)
- CIE Lab
- lab(74.5 -21.18 -6.87)
- LCH
- lch(74.5 22.27 198)
- CMYK
- cmyk(33% 0% 0% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 90C9C9
- 9DCFCF
- A9D5D5
- B6DBDB
- C2E1E1
- CEE7E7
- DAEDED
- E7F3F3
- F3F9F9
Sắc đậm
- 71A9A9
- 609090
- 4F7878
- 3F6060
- 2F4A4A
- 203434
- 122020
- 060E0E
- 010202
Sắc xám
- 84BCBC
- 84B5B5
- 84AFAE
- 84A8A8
- 84A1A1
- 839A9A
- 839494
- 828D8D
- 818786
Hòa sắc
Bổ túc +180°
- 83C3C3
Riverbed
- DCA5A7
≈ Pastel Pink
Tương đồng -30° +30°
- 83C3C3
Riverbed
- 8EC3AC
≈ Spearmint Frosting
- 88BFD6
≈ High Elf Blue
Bộ ba +120° +240°
- 83C3C3
Riverbed
- C6A9D2
≈ Purple Gala
- CEB087
≈ Castell Harlech
Bổ túc chia +150° +210°
- 83C3C3
Riverbed
- D5A5BE
≈ Enhance
- DAA993
≈ Fortune’s Prize
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 1.98:1 · APCA Lc 38
Ag
AAATrên nền đen
WCAG 10.55:1 · APCA Lc 64
Màu chữ tốt nhất: #000000
WCAG 10.55:1 (AAA) · APCA Lc 64
Contrast pairs
Đoạn mã
CSS
:root {
--riverbed: #83c3c3;
--riverbed-rgb: 131 195 195;
--riverbed-oklch: oklch(0.774 0.065 195.9);
}
.element {
color: var(--riverbed);
background-color: hsl(180 35% 64%);
border-color: oklch(0.774 0.065 195.9);
}Tailwind CSS v4
@theme {
--color-riverbed: #83c3c3;
--color-riverbed-50: #e1fbfc;
--color-riverbed-100: #d0eff0;
--color-riverbed-200: #b5ddde;
--color-riverbed-300: #90c2c3;
--color-riverbed-400: #6fabab;
--color-riverbed-500: #4c9494;
--color-riverbed-600: #427d7d;
--color-riverbed-700: #346464;
--color-riverbed-800: #254a49;
--color-riverbed-900: #193333;
--color-riverbed-950: #091f1e;
}SCSS
$riverbed: #83c3c3;
$riverbed-rgb: 131, 195, 195;
$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);
}