Màu có tên gần nhất · #7BB4C6
#7BB4C6
Màu có tên gần nhất: Glacier
#7BB4C6 (rgb(123 180 198), hsl(194 40% 63%), oklch(0.737 0.065 219.6)) gần nhất với màu có tên Glacier. 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.
#7BB4C6
oklch(0.737 0.065 219.6)
Chuyển đổi màu
- HEX
- #7bb4c6
- RGB
- rgb(123 180 198)
- HSL
- hsl(194 40% 63%)
- HWB
- hwb(194 48% 22%)
- OKLCH
- oklch(0.737 0.065 219.6)
- OKLab
- oklab(0.737 -0.05 -0.041)
- CIE Lab
- lab(69.86 -15.83 -15.41)
- LCH
- lch(69.86 22.09 224.2)
- CMYK
- cmyk(38% 9% 0% 22%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 89BBCC
- 96C3D1
- A3CAD7
- B0D2DD
- BDD9E2
- CAE1E8
- D8E8EE
- E5F0F4
- F2F7F9
Sắc đậm
- 6A9CAC
- 5A8592
- 4A6E7A
- 3A5862
- 2C444B
- 1E3035
- 101D21
- 050C0E
- 010202
Sắc xám
- 7CAFBF
- 7DAAB8
- 7EA4B1
- 7F9FAA
- 7F9AA3
- 80959C
- 809095
- 808A8E
- 808587
Hòa sắc
Bổ túc +180°
- 7BB4C6
Glacier
- CE9D8C
≈ Artefact
Tương đồng -30° +30°
- 7BB4C6
Glacier
- 79B7B3
≈ Kingfisher Turquoise
- 8BAED2
≈ Mini Bay
Bộ ba +120° +240°
- 7BB4C6
Glacier
- C69AB7
≈ Morning Glory Pink
- B3AB7C
≈ Even Growth
Bổ túc chia +150° +210°
- 7BB4C6
Glacier
- CF99A1
≈ Cooing Doves
- C5A37E
≈ Almandine
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.28:1 · APCA Lc 45
Ag
AAATrên nền đen
WCAG 9.18:1 · APCA Lc 57
Màu chữ tốt nhất: #000000
WCAG 9.18:1 (AAA) · APCA Lc 57
Contrast pairs
Đoạn mã
CSS
:root {
--glacier: #7bb4c6;
--glacier-rgb: 123 180 198;
--glacier-oklch: oklch(0.737 0.065 219.6);
}
.element {
color: var(--glacier);
background-color: hsl(194 40% 63%);
border-color: oklch(0.737 0.065 219.6);
}Tailwind CSS v4
@theme {
--color-glacier: #7bb4c6;
--color-glacier-50: #e2faff;
--color-glacier-100: #d2edf7;
--color-glacier-200: #b7dbe8;
--color-glacier-300: #93c0cf;
--color-glacier-400: #72a8b9;
--color-glacier-500: #5190a4;
--color-glacier-600: #467a8a;
--color-glacier-700: #37626f;
--color-glacier-800: #274851;
--color-glacier-900: #1a3239;
--color-glacier-950: #0a1e23;
}SCSS
$glacier: #7bb4c6;
$glacier-rgb: 123, 180, 198;
$glacier-light: mix(#fff, $glacier, 20%);
$glacier-dark: mix(#000, $glacier, 20%);
.element {
color: $glacier;
box-shadow: 0 0 0 2px rgba($glacier, 0.35);
}