Màu có tên gần nhất · #005B93
#005B93
Màu có tên gần nhất: Hyper Blue
#005B93 (rgb(0 91 147), hsl(203 100% 29%), oklch(0.456 0.116 245.6)) gần nhất với màu có tên Hyper 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.
#005B93
oklch(0.456 0.116 245.6)
Chuyển đổi màu
- HEX
- #005b93
- RGB
- rgb(0 91 147)
- HSL
- hsl(203 100% 29%)
- HWB
- hwb(203 0% 42%)
- OKLCH
- oklch(0.456 0.116 245.6)
- OKLab
- oklab(0.456 -0.048 -0.106)
- CIE Lab
- lab(36.5 -6.37 -37.92)
- LCH
- lch(36.5 38.46 260.5)
- CMYK
- cmyk(100% 38% 0% 42%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 296B9E
- 437BA9
- 5B8BB4
- 729BBF
- 89ABCA
- A0BCD5
- B8CCDF
- CFDDEA
- E7EEF5
Sắc đậm
- 004E7F
- 00416C
- 003559
- 002947
- 001E36
- 001325
- 000916
- 000308
- 000001
Sắc xám
- 1C5F92
- 2B6390
- 38678F
- 446B8D
- 4F6F8B
- 597389
- 637687
- 6D7985
- 767D83
Hòa sắc
Bổ túc +180°
- 005B93
Hyper Blue
- 7D4900
≈ Dried Mustard
Tương đồng -30° +30°
- 005B93
Hyper Blue
- 006273
≈ Ocean Radiance
- 464F97
≈ Deep Ultramarine
Bộ ba +120° +240°
- 005B93
Hyper Blue
- 8A364D
≈ That’s My Jam
- 476100
≈ Camouflage Green
Bổ túc chia +150° +210°
- 005B93
Hyper Blue
- 8C3A25
≈ Red Prairie
- 675600
≈ Ayahuasca Vine
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.19:1 · APCA Lc 84
Ag
FailTrên nền đen
WCAG 2.91:1 · APCA Lc 18
Màu chữ tốt nhất: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 84
Contrast pairs
Đoạn mã
CSS
:root {
--hyper-blue: #005b93;
--hyper-blue-rgb: 0 91 147;
--hyper-blue-oklch: oklch(0.456 0.116 245.6);
}
.element {
color: var(--hyper-blue);
background-color: hsl(203 100% 29%);
border-color: oklch(0.456 0.116 245.6);
}Tailwind CSS v4
@theme {
--color-hyper-blue: #005b93;
--color-hyper-blue-50: #dcf9ff;
--color-hyper-blue-100: #caecff;
--color-hyper-blue-200: #add9ff;
--color-hyper-blue-300: #87bdf0;
--color-hyper-blue-400: #60a5df;
--color-hyper-blue-500: #388cce;
--color-hyper-blue-600: #3177ae;
--color-hyper-blue-700: #275f8c;
--color-hyper-blue-800: #184667;
--color-hyper-blue-900: #0f3149;
--color-hyper-blue-950: #021c30;
}SCSS
$hyper-blue: #005b93;
$hyper-blue-rgb: 0, 91, 147;
$hyper-blue-light: mix(#fff, $hyper-blue, 20%);
$hyper-blue-dark: mix(#000, $hyper-blue, 20%);
.element {
color: $hyper-blue;
box-shadow: 0 0 0 2px rgba($hyper-blue, 0.35);
}