Benannte Farbe · #01248F
Neutrino Blue
Neutrino Blue ist #01248F: rgb(1 36 143), hsl(225 99% 28%), oklch(0.333 0.177 263.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Neutrino Blue color name →
#01248F
oklch(0.333 0.177 263.7)
Farbumrechnungen
- HEX
- #01248f
- RGB
- rgb(1 36 143)
- HSL
- hsl(225 99% 28%)
- HWB
- hwb(225 0% 44%)
- OKLCH
- oklch(0.333 0.177 263.7)
- OKLab
- oklab(0.333 -0.02 -0.176)
- CIE Lab
- lab(19.79 27.38 -62.55)
- LCH
- lch(19.79 68.28 293.6)
- CMYK
- cmyk(99% 75% 0% 44%)
Tints · Shades · Tones
Tints
- 173E9C
- 2F54A8
- 466AB4
- 5F7FC0
- 7894CB
- 92A9D6
- ACBEE1
- C7D4EB
- E3E9F5
Shades
- 011E7C
- 011869
- 001257
- 000C45
- 000734
- 000424
- 000215
- 000007
- 000001
Tones
- 0C318F
- 1A3C8E
- 27468E
- 33508D
- 40588C
- 4C618A
- 596988
- 667186
- 737883
Farbharmonien
Komplementär +180°
- 01248F
Neutrino Blue
- 473200
≈ Night in the Woods
Analog -30° +30°
- 01248F
Neutrino Blue
- 003B54
≈ Gibraltar Sea
- 400786
≈ Grim Purple
Triadisch +120° +240°
- 01248F
Neutrino Blue
- 6B000F
≈ Blood God
- 004306
≈ Woodland Grass
Geteilt komplementär +150° +210°
- 01248F
Neutrino Blue
- 562700
≈ Conker Brown
- 363A00
≈ Dark Olive
Tetradisch +90° +180° +270°
- 01248F
Neutrino Blue
- 66003B
≈ Tyrian Purple
- 473200
≈ Night in the Woods
- 004133
≈ UP Forest Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.72:1 · APCA Lc 98
Ag
FailAuf Schwarz
WCAG 1.65:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.72:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
CSS
:root {
--neutrino-blue: #01248f;
--neutrino-blue-rgb: 1 36 143;
--neutrino-blue-oklch: oklch(0.333 0.177 263.7);
}
.element {
color: var(--neutrino-blue);
background-color: hsl(225 99% 28%);
border-color: oklch(0.333 0.177 263.7);
}Tailwind CSS v4
@theme {
--color-neutrino-blue: #01248f;
--color-neutrino-blue-50: #ddf5ff;
--color-neutrino-blue-100: #cce7ff;
--color-neutrino-blue-200: #b0d3ff;
--color-neutrino-blue-300: #8cb4ff;
--color-neutrino-blue-400: #679aff;
--color-neutrino-blue-500: #467dfa;
--color-neutrino-blue-600: #3c6ad2;
--color-neutrino-blue-700: #3055a9;
--color-neutrino-blue-800: #1d3f7f;
--color-neutrino-blue-900: #132b5a;
--color-neutrino-blue-950: #05183d;
}SCSS
$neutrino-blue: #01248f;
$neutrino-blue-rgb: 1, 36, 143;
$neutrino-blue-light: mix(#fff, $neutrino-blue, 20%);
$neutrino-blue-dark: mix(#000, $neutrino-blue, 20%);
.element {
color: $neutrino-blue;
box-shadow: 0 0 0 2px rgba($neutrino-blue, 0.35);
}