Benannte Farbe · #0247FE
Magic Ink
Magic Ink ist #0247FE: rgb(2 71 254), hsl(224 99% 50%), oklch(0.51 0.273 263.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Magic Ink color name →
#0247FE
oklch(0.51 0.273 263.6)
Farbumrechnungen
- HEX
- #0247fe
- RGB
- rgb(2 71 254)
- HSL
- hsl(224 99% 50%)
- HWB
- hwb(224 1% 0%)
- OKLCH
- oklch(0.51 0.273 263.6)
- OKLab
- oklab(0.51 -0.03 -0.271)
- CIE Lab
- lab(38.79 42.16 -96.11)
- LCH
- lch(38.79 104.95 293.7)
- CMYK
- cmyk(99% 72% 0% 0%)
Tints · Shades · Tones
Tints
- 2061FF
- 3A76FF
- 528AFF
- 6A9CFF
- 82AEFF
- 9BBFFF
- B3CFFF
- CCDFFF
- E5EFFF
Shades
- 013DDD
- 0132BD
- 01289E
- 001F80
- 001663
- 000D47
- 00062D
- 000216
- 000003
Tones
- 1453F2
- 235CE6
- 3063DA
- 3C6ACE
- 486FC2
- 5474B6
- 5F78A9
- 6A7B9C
- 757E8E
Farbharmonien
Komplementär +180°
- 0247FE
Magic Ink
- 836000
≈ Ground Earth
Analog -30° +30°
- 0247FE
Magic Ink
- 006F99
≈ Tofino Belue
- 7815EE
≈ Poisoning Purple
Triadisch +120° +240°
- 0247FE
Magic Ink
- C00024
≈ Shēn Hóng Red
- 007C12
≈ Poblano
Geteilt komplementär +150° +210°
- 0247FE
Magic Ink
- 9D4D00
≈ Burnt Bagel
- 666C00
≈ Brownish Green
Tetradisch +90° +180° +270°
- 0247FE
Magic Ink
- B7006F
≈ Botticelli
- 836000
≈ Ground Earth
- 007861
≈ Shady Glade
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.29:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.33:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.29:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--magic-ink: #0247fe;
--magic-ink-rgb: 2 71 254;
--magic-ink-oklch: oklch(0.51 0.273 263.6);
}
.element {
color: var(--magic-ink);
background-color: hsl(224 99% 50%);
border-color: oklch(0.51 0.273 263.6);
}Tailwind CSS v4
@theme {
--color-magic-ink: #0247fe;
--color-magic-ink-50: #d0f4ff;
--color-magic-ink-100: #bce6ff;
--color-magic-ink-200: #9ccfff;
--color-magic-ink-300: #74adff;
--color-magic-ink-400: #448eff;
--color-magic-ink-500: #1969ff;
--color-magic-ink-600: #175aff;
--color-magic-ink-700: #1248d2;
--color-magic-ink-800: #00359e;
--color-magic-ink-900: #002570;
--color-magic-ink-950: #00114f;
}SCSS
$magic-ink: #0247fe;
$magic-ink-rgb: 2, 71, 254;
$magic-ink-light: mix(#fff, $magic-ink, 20%);
$magic-ink-dark: mix(#000, $magic-ink, 20%);
.element {
color: $magic-ink;
box-shadow: 0 0 0 2px rgba($magic-ink, 0.35);
}