Màu có tên gần nhất · #7EC2C3
#7EC2C3
Màu có tên gần nhất: Riverbed
#7EC2C3 (rgb(126 194 195), hsl(181 37% 63%), oklch(0.769 0.069 197)) 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.
#7EC2C3
oklch(0.769 0.069 197)
Chuyển đổi màu
- HEX
- #7ec2c3
- RGB
- rgb(126 194 195)
- HSL
- hsl(181 37% 63%)
- HWB
- hwb(181 49% 24%)
- OKLCH
- oklch(0.769 0.069 197)
- OKLab
- oklab(0.769 -0.066 -0.02)
- CIE Lab
- lab(73.95 -22.16 -7.71)
- LCH
- lch(73.95 23.46 199.2)
- CMYK
- cmyk(35% 1% 0% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8CC8C9
- 99CECF
- A6D4D5
- B3DADB
- C0E0E1
- CDE7E7
- D9EDED
- E6F3F3
- F2F9F9
Sắc đậm
- 6DA8A9
- 5C8F90
- 4C7778
- 3C6060
- 2D494A
- 1F3434
- 112020
- 050E0E
- 010202
Sắc xám
- 7FBBBC
- 80B5B5
- 81AEAE
- 81A7A8
- 82A1A1
- 829A9A
- 829494
- 818D8D
- 818686
Hòa sắc
Bổ túc +180°
- 7EC2C3
Riverbed
- DCA3A4
≈ Pastel Pink
Tương đồng -30° +30°
- 7EC2C3
Riverbed
- 89C3AB
≈ Spearmint Frosting
- 85BDD6
≈ High Elf Blue
Bộ ba +120° +240°
- 7EC2C3
Riverbed
- C6A7D1
≈ Feminine Fancy
- CDAF83
≈ Saxophone Gold
Bổ túc chia +150° +210°
- 7EC2C3
Riverbed
- D6A3BC
≈ Enhance
- DAA78F
≈ North Rim
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.02:1 · APCA Lc 39
Ag
AAATrên nền đen
WCAG 10.39:1 · APCA Lc 63
Màu chữ tốt nhất: #000000
WCAG 10.39:1 (AAA) · APCA Lc 63
Contrast pairs
Đoạn mã
CSS
:root {
--riverbed: #7ec2c3;
--riverbed-rgb: 126 194 195;
--riverbed-oklch: oklch(0.769 0.069 197);
}
.element {
color: var(--riverbed);
background-color: hsl(181 37% 63%);
border-color: oklch(0.769 0.069 197);
}Tailwind CSS v4
@theme {
--color-riverbed: #7ec2c3;
--color-riverbed-50: #e0fcfd;
--color-riverbed-100: #ceeff0;
--color-riverbed-200: #b3dedf;
--color-riverbed-300: #8ec3c5;
--color-riverbed-400: #6cabac;
--color-riverbed-500: #489496;
--color-riverbed-600: #3e7d7f;
--color-riverbed-700: #316465;
--color-riverbed-800: #224a4a;
--color-riverbed-900: #173333;
--color-riverbed-950: #071f1f;
}SCSS
$riverbed: #7ec2c3;
$riverbed-rgb: 126, 194, 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);
}