Màu có tên gần nhất · #5D8DDC
#5D8DDC
Màu có tên gần nhất: Blue Jay
#5D8DDC (rgb(93 141 220), hsl(217 64% 61%), oklch(0.645 0.13 259.9)) gần nhất với màu có tên Blue Jay. 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.
#5D8DDC
oklch(0.645 0.13 259.9)
Chuyển đổi màu
- HEX
- #5d8ddc
- RGB
- rgb(93 141 220)
- HSL
- hsl(217 64% 61%)
- HWB
- hwb(217 36% 14%)
- OKLCH
- oklch(0.645 0.13 259.9)
- OKLab
- oklab(0.645 -0.023 -0.128)
- CIE Lab
- lab(57.91 1.39 -46.04)
- LCH
- lch(57.91 46.06 271.7)
- CMYK
- cmyk(58% 36% 0% 14%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 6D99E0
- 7DA4E4
- 8DB0E8
- 9CBBEC
- ADC6F0
- BDD2F3
- CDDDF6
- DEE8F9
- EEF4FC
Sắc đậm
- 507ABF
- 4367A3
- 375588
- 2A446E
- 1F3354
- 14233C
- 0A1426
- 030711
- 000102
Sắc xám
- 618CD3
- 658BCA
- 698AC1
- 6C89B8
- 7088AF
- 7386A5
- 77859C
- 7A8393
- 7D8289
Hòa sắc
Bổ túc +180°
- 5D8DDC
Blue Jay
- B78310
≈ Letter Jacket
Tương đồng -30° +30°
- 5D8DDC
Blue Jay
- 009BCC
≈ Tomb Blue
- 8D7ED7
≈ Indigo Bloom
Bộ ba +120° +240°
- 5D8DDC
Blue Jay
- D16A6C
≈ Lippie
- 60A051
≈ Muted Green
Bổ túc chia +150° +210°
- 5D8DDC
Blue Jay
- CB733E
≈ Garnet Sand
- 939421
≈ Turtle Moss
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 3.32:1 · APCA Lc 61
Ag
AATrên nền đen
WCAG 6.30:1 · APCA Lc 41
Màu chữ tốt nhất: #000000
WCAG 6.30:1 (AA) · APCA Lc 41
Contrast pairs
Đoạn mã
CSS
:root {
--blue-jay: #5d8ddc;
--blue-jay-rgb: 93 141 220;
--blue-jay-oklch: oklch(0.645 0.13 259.9);
}
.element {
color: var(--blue-jay);
background-color: hsl(217 64% 61%);
border-color: oklch(0.645 0.13 259.9);
}Tailwind CSS v4
@theme {
--color-blue-jay: #5d8ddc;
--color-blue-jay-50: #e1f6ff;
--color-blue-jay-100: #d0e9ff;
--color-blue-jay-200: #b6d5ff;
--color-blue-jay-300: #93b8fa;
--color-blue-jay-400: #709feb;
--color-blue-jay-500: #5085db;
--color-blue-jay-600: #4570b9;
--color-blue-jay-700: #365a95;
--color-blue-jay-800: #24426f;
--color-blue-jay-900: #182e4e;
--color-blue-jay-950: #091a34;
}SCSS
$blue-jay: #5d8ddc;
$blue-jay-rgb: 93, 141, 220;
$blue-jay-light: mix(#fff, $blue-jay, 20%);
$blue-jay-dark: mix(#000, $blue-jay, 20%);
.element {
color: $blue-jay;
box-shadow: 0 0 0 2px rgba($blue-jay, 0.35);
}