Màu có tên gần nhất · #5F789D
#5F789D
Màu có tên gần nhất: Montreux Blue
#5F789D (rgb(95 120 157), hsl(216 25% 49%), oklch(0.568 0.065 258)) 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.
#5F789D
oklch(0.568 0.065 258)
Chuyển đổi màu
- HEX
- #5f789d
- RGB
- rgb(95 120 157)
- HSL
- hsl(216 25% 49%)
- HWB
- hwb(216 37% 38%)
- OKLCH
- oklch(0.568 0.065 258)
- OKLab
- oklab(0.568 -0.013 -0.063)
- CIE Lab
- lab(49.56 -1.97 -23.16)
- LCH
- lch(49.56 23.25 265.1)
- CMYK
- cmyk(39% 24% 0% 38%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 6E85A7
- 7D92B0
- 8D9FBA
- 9CACC4
- ACBACE
- BCC7D8
- CDD5E1
- DDE3EB
- EEF1F5
Sắc đậm
- 526788
- 445773
- 38485F
- 2C394C
- 202A3A
- 151D28
- 0A1018
- 030509
- 000101
Sắc xám
- 62799A
- 667A97
- 697B95
- 6C7C92
- 707C8F
- 737D8C
- 767E89
- 7A7F86
- 7D7F83
Hòa sắc
Bổ túc +180°
- 5F789D
Montreux Blue
- 8C724A
≈ Molasses Cookie
Tương đồng -30° +30°
- 5F789D
Montreux Blue
- 4C7E95
≈ Coelin Blue
- 74719B
≈ Purple Spire
Bộ ba +120° +240°
- 5F789D
Montreux Blue
- 996768
≈ Copper Rose
- 64805B
≈ Garden Grove
Bổ túc chia +150° +210°
- 5F789D
Montreux Blue
- 976B55
≈ Wheat Penny
- 7A7A4C
≈ Tara’s Drapes
Bộ bốn +90° +180° +270°
- 5F789D
Montreux Blue
- 94677D
≈ Corundum Red
- 8C724A
≈ Molasses Cookie
- 4F836F
≈ Billiard Room
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.50:1 · APCA Lc 71
Ag
AATrên nền đen
WCAG 4.66:1 · APCA Lc 30
Màu chữ tốt nhất: #000000
WCAG 4.66:1 (AA) · APCA Lc 30
Contrast pairs
Đoạn mã
CSS
:root {
--montreux-blue: #5f789d;
--montreux-blue-rgb: 95 120 157;
--montreux-blue-oklch: oklch(0.568 0.065 258);
}
.element {
color: var(--montreux-blue);
background-color: hsl(216 25% 49%);
border-color: oklch(0.568 0.065 258);
}Tailwind CSS v4
@theme {
--color-montreux-blue: #5f789d;
--color-montreux-blue-50: #ebf6ff;
--color-montreux-blue-100: #dce9fe;
--color-montreux-blue-200: #c4d5f1;
--color-montreux-blue-300: #a4b9d9;
--color-montreux-blue-400: #87a0c5;
--color-montreux-blue-500: #6b88b1;
--color-montreux-blue-600: #5b7396;
--color-montreux-blue-700: #495c78;
--color-montreux-blue-800: #344359;
--color-montreux-blue-900: #232f3e;
--color-montreux-blue-950: #121b27;
}SCSS
$montreux-blue: #5f789d;
$montreux-blue-rgb: 95, 120, 157;
$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);
}