Benoemde kleur · #0058F8
Megaman Helmet
Megaman Helmet is #0058F8: rgb(0 88 248), hsl(219 100% 49%), oklch(0.532 0.248 262.1). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Blue mean? → · Megaman Helmet color name →
#0058F8
oklch(0.532 0.248 262.1)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 266DFB
- 4080FD
- 5891FF
- 70A2FF
- 87B2FF
- 9FC2FF
- B7D2FF
- CEE1FF
- E7F0FF
Schaduwen
- 004BD8
- 003FB8
- 00339A
- 00287C
- 001D60
- 001245
- 00092C
- 000315
- 000003
Tonen
- 1960ED
- 2866E1
- 366CD6
- 4270CA
- 4D74BF
- 5877B3
- 627AA7
- 6C7D9A
- 767F8D
Kleurharmonieën
Complementair +180°
- 0058F8
Megaman Helmet
- 8B6500
≈ Alligator
Analoog -30° +30°
- 0058F8
Megaman Helmet
- 0076A0
≈ Mitchell Blue
- 7836EB
≈ Bluish Purple
Triadisch +120° +240°
- 0058F8
Megaman Helmet
- CB002C
≈ Vivid Crimson
- 0A8400
≈ Lucky Clover
Gesplitst complementair +150° +210°
- 0058F8
Megaman Helmet
- A75000
≈ Cinnamon Bun
- 6E7200
≈ Spinach Soup
Tetradisch +90° +180° +270°
- 0058F8
Megaman Helmet
- C10079
≈ Purple Anxiety
- 8B6500
≈ Alligator
- 007F65
≈ Generic Viridian
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.59:1 · APCA Lc 77
Ag
FailOp zwart
WCAG 3.75:1 · APCA Lc 25
Beste tekstkleur: #FFFFFF
WCAG 5.59:1 (AA) · APCA Lc 77
Contrast pairs
Codefragmenten
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);
}