Màu có tên gần nhất · #5C87B6
#5C87B6
Màu có tên gần nhất: Sea Salt Rivers
#5C87B6 (rgb(92 135 182), hsl(211 38% 54%), oklch(0.611 0.086 251.5)) gần nhất với màu có tên Sea Salt Rivers. 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.
#5C87B6
oklch(0.611 0.086 251.5)
Chuyển đổi màu
- HEX
- #5c87b6
- RGB
- rgb(92 135 182)
- HSL
- hsl(211 38% 54%)
- HWB
- hwb(211 36% 29%)
- OKLCH
- oklch(0.611 0.086 251.5)
- OKLab
- oklab(0.611 -0.027 -0.082)
- CIE Lab
- lab(54.64 -5.16 -29.76)
- LCH
- lch(54.64 30.2 260.2)
- CMYK
- cmyk(49% 26% 0% 29%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 6C93BE
- 7C9EC5
- 8CAACC
- 9CB6D4
- ACC2DB
- BCCEE2
- CDDAEA
- DDE6F1
- EEF3F8
Sắc đậm
- 4F759E
- 426386
- 36516F
- 2A4159
- 1F3144
- 142130
- 0A131D
- 03060C
- 000102
Sắc xám
- 6087B1
- 6486AB
- 6885A6
- 6C85A1
- 6F849B
- 738396
- 768391
- 7A828B
- 7D8186
Hòa sắc
Bổ túc +180°
- 5C87B6
Sea Salt Rivers
- A47B47
≈ Driftwood
Tương đồng -30° +30°
- 5C87B6
Sea Salt Rivers
- 3F8FA8
≈ Boston Blue
- 7B7DB6
≈ Astro Zinger
Bộ ba +120° +240°
- 5C87B6
Sea Salt Rivers
- B16E76
≈ Dusty Rose
- 718F57
≈ Forest Bound
Bổ túc chia +150° +210°
- 5C87B6
Sea Salt Rivers
- B0725A
≈ Copper Beech
- 8E8545
≈ Frog’s Legs
Bộ bốn +90° +180° +270°
- 5C87B6
Sea Salt Rivers
- A76F93
≈ Drama Queen
- A47B47
≈ Driftwood
- 509473
≈ Good Luck
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.75:1 · APCA Lc 65
Ag
AATrên nền đen
WCAG 5.59:1 · APCA Lc 37
Màu chữ tốt nhất: #000000
WCAG 5.59:1 (AA) · APCA Lc 37
Contrast pairs
Đoạn mã
CSS
:root {
--sea-salt-rivers: #5c87b6;
--sea-salt-rivers-rgb: 92 135 182;
--sea-salt-rivers-oklch: oklch(0.611 0.086 251.5);
}
.element {
color: var(--sea-salt-rivers);
background-color: hsl(211 38% 54%);
border-color: oklch(0.611 0.086 251.5);
}Tailwind CSS v4
@theme {
--color-sea-salt-rivers: #5c87b6;
--color-sea-salt-rivers-50: #e5f7ff;
--color-sea-salt-rivers-100: #d4eaff;
--color-sea-salt-rivers-200: #bbd7f9;
--color-sea-salt-rivers-300: #99bae3;
--color-sea-salt-rivers-400: #78a2d0;
--color-sea-salt-rivers-500: #5a8abe;
--color-sea-salt-rivers-600: #4d75a0;
--color-sea-salt-rivers-700: #3d5d80;
--color-sea-salt-rivers-800: #2a455f;
--color-sea-salt-rivers-900: #1c2f43;
--color-sea-salt-rivers-950: #0c1c2b;
}SCSS
$sea-salt-rivers: #5c87b6;
$sea-salt-rivers-rgb: 92, 135, 182;
$sea-salt-rivers-light: mix(#fff, $sea-salt-rivers, 20%);
$sea-salt-rivers-dark: mix(#000, $sea-salt-rivers, 20%);
.element {
color: $sea-salt-rivers;
box-shadow: 0 0 0 2px rgba($sea-salt-rivers, 0.35);
}