Màu có tên · #0058F8
Megaman Helmet
Megaman Helmet là #0058F8: rgb(0 88 248), hsl(219 100% 49%), oklch(0.532 0.248 262.1). 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.
What does Blue mean? → · Megaman Helmet color name →
#0058F8
oklch(0.532 0.248 262.1)
Chuyển đổi màu
- HEX
- #0058f8
- RGB
- rgb(0 88 248)
- HSL
- hsl(219 100% 49%)
- HWB
- hwb(219 0% 3%)
- OKLCH
- oklch(0.532 0.248 262.1)
- OKLab
- oklab(0.532 -0.034 -0.246)
- CIE Lab
- lab(42.29 30.16 -87)
- LCH
- lch(42.29 92.08 289.1)
- CMYK
- cmyk(100% 65% 0% 3%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 266DFB
- 4080FD
- 5891FF
- 70A2FF
- 87B2FF
- 9FC2FF
- B7D2FF
- CEE1FF
- E7F0FF
Sắc đậm
- 004BD8
- 003FB8
- 00339A
- 00287C
- 001D60
- 001245
- 00092C
- 000315
- 000003
Sắc xám
- 1960ED
- 2866E1
- 366CD6
- 4270CA
- 4D74BF
- 5877B3
- 627AA7
- 6C7D9A
- 767F8D
Hòa sắc
Bổ túc +180°
- 0058F8
Megaman Helmet
- 8B6500
≈ Alligator
Tương đồng -30° +30°
- 0058F8
Megaman Helmet
- 0076A0
≈ Mitchell Blue
- 7836EB
≈ Bluish Purple
Bộ ba +120° +240°
- 0058F8
Megaman Helmet
- CB002C
≈ Vivid Crimson
- 0A8400
≈ Lucky Clover
Bổ túc chia +150° +210°
- 0058F8
Megaman Helmet
- A75000
≈ Cinnamon Bun
- 6E7200
≈ Spinach Soup
Bộ bốn +90° +180° +270°
- 0058F8
Megaman Helmet
- C10079
≈ Purple Anxiety
- 8B6500
≈ Alligator
- 007F65
≈ Generic Viridian
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.59:1 · APCA Lc 77
Ag
FailTrên nền đen
WCAG 3.75:1 · APCA Lc 25
Màu chữ tốt nhất: #FFFFFF
WCAG 5.59:1 (AA) · APCA Lc 77
Contrast pairs
Đoạn mã
CSS
:root {
--megaman-helmet: #0058f8;
--megaman-helmet-rgb: 0 88 248;
--megaman-helmet-oklch: oklch(0.532 0.248 262.1);
}
.element {
color: var(--megaman-helmet);
background-color: hsl(219 100% 49%);
border-color: oklch(0.532 0.248 262.1);
}Tailwind CSS v4
@theme {
--color-megaman-helmet: #0058f8;
--color-megaman-helmet-50: #d1f5ff;
--color-megaman-helmet-100: #bee7ff;
--color-megaman-helmet-200: #9ed1ff;
--color-megaman-helmet-300: #75b1ff;
--color-megaman-helmet-400: #4693ff;
--color-megaman-helmet-500: #1471ff;
--color-megaman-helmet-600: #1461f8;
--color-megaman-helmet-700: #104ec7;
--color-megaman-helmet-800: #003a96;
--color-megaman-helmet-900: #00286a;
--color-megaman-helmet-950: #00144a;
}SCSS
$megaman-helmet: #0058f8;
$megaman-helmet-rgb: 0, 88, 248;
$megaman-helmet-light: mix(#fff, $megaman-helmet, 20%);
$megaman-helmet-dark: mix(#000, $megaman-helmet, 20%);
.element {
color: $megaman-helmet;
box-shadow: 0 0 0 2px rgba($megaman-helmet, 0.35);
}