Màu có tên gần nhất · #58769E
#58769E
Màu có tên gần nhất: Montreux Blue
#58769E (rgb(88 118 158), hsl(214 28% 48%), oklch(0.559 0.072 255.8)) gần nhất với màu có tên Montreux Blue. 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.
#58769E
oklch(0.559 0.072 255.8)
Chuyển đổi màu
- HEX
- #58769e
- RGB
- rgb(88 118 158)
- HSL
- hsl(214 28% 48%)
- HWB
- hwb(214 35% 38%)
- OKLCH
- oklch(0.559 0.072 255.8)
- OKLab
- oklab(0.559 -0.018 -0.069)
- CIE Lab
- lab(48.55 -2.77 -25.34)
- LCH
- lch(48.55 25.5 263.8)
- CMYK
- cmyk(44% 25% 0% 38%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 6883A8
- 7890B1
- 889EBB
- 98ABC5
- A9B9CE
- B9C7D8
- CAD4E2
- DCE2EC
- EDF1F5
Sắc đậm
- 4B6689
- 3F5674
- 334760
- 28384D
- 1D293A
- 121C29
- 090F18
- 030509
- 000101
Sắc xám
- 5C779B
- 607898
- 647995
- 687A93
- 6C7B90
- 707C8D
- 747D8A
- 787E86
- 7C7F83
Hòa sắc
Bổ túc +180°
- 58769E
Montreux Blue
- 8D6E42
≈ Nutty Brown
Tương đồng -30° +30°
- 58769E
Montreux Blue
- 417D94
≈ Aristocratic
- 706E9D
≈ Thirsty Thursday
Bộ ba +120° +240°
- 58769E
Montreux Blue
- 9A6366
≈ Copper Rose
- 617E53
≈ Garden Grove
Bổ túc chia +150° +210°
- 58769E
Montreux Blue
- 986750
≈ Old Driftwood
- 7A7744
≈ Steppe Green
Bộ bốn +90° +180° +270°
- 58769E
Montreux Blue
- 93637D
≈ Forest Berry
- 8D6E42
≈ Nutty Brown
- 48826A
≈ Bathing Beauty
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.66:1 · APCA Lc 72
Ag
AATrên nền đen
WCAG 4.50:1 · APCA Lc 29
Màu chữ tốt nhất: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Đoạn mã
CSS
:root {
--montreux-blue: #58769e;
--montreux-blue-rgb: 88 118 158;
--montreux-blue-oklch: oklch(0.559 0.072 255.8);
}
.element {
color: var(--montreux-blue);
background-color: hsl(214 28% 48%);
border-color: oklch(0.559 0.072 255.8);
}Tailwind CSS v4
@theme {
--color-montreux-blue: #58769e;
--color-montreux-blue-50: #e9f6ff;
--color-montreux-blue-100: #d9e9ff;
--color-montreux-blue-200: #c2d6f3;
--color-montreux-blue-300: #a1b9dd;
--color-montreux-blue-400: #83a1c9;
--color-montreux-blue-500: #6688b5;
--color-montreux-blue-600: #577399;
--color-montreux-blue-700: #455c7b;
--color-montreux-blue-800: #31445b;
--color-montreux-blue-900: #212f40;
--color-montreux-blue-950: #101b28;
}SCSS
$montreux-blue: #58769e;
$montreux-blue-rgb: 88, 118, 158;
$montreux-blue-light: mix(#fff, $montreux-blue, 20%);
$montreux-blue-dark: mix(#000, $montreux-blue, 20%);
.element {
color: $montreux-blue;
box-shadow: 0 0 0 2px rgba($montreux-blue, 0.35);
}