Benannte Farbe · #0056A8
Raiden Blue
Raiden Blue ist #0056A8: rgb(0 86 168), hsl(209 100% 33%), oklch(0.459 0.149 254.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Raiden Blue color name →
#0056A8
oklch(0.459 0.149 254.7)
Farbumrechnungen
- HEX
- #0056a8
- RGB
- rgb(0 86 168)
- HSL
- hsl(209 100% 33%)
- HWB
- hwb(209 0% 34%)
- OKLCH
- oklch(0.459 0.149 254.7)
- OKLab
- oklab(0.459 -0.04 -0.144)
- CIE Lab
- lab(36.07 3.92 -51.15)
- LCH
- lch(36.07 51.3 274.4)
- CMYK
- cmyk(100% 49% 0% 34%)
Tints · Shades · Tones
Tints
- 2867B2
- 4178BB
- 5989C4
- 719ACD
- 88AAD6
- 9FBBDF
- B7CCE7
- CEDDEF
- E7EEF7
Shades
- 004A92
- 003E7C
- 003267
- 002752
- 001C3F
- 00122C
- 00081A
- 00020A
- 000001
Tones
- 1A5BA5
- 2A60A1
- 37659E
- 42699A
- 4D6E96
- 587292
- 62758E
- 6C798A
- 767D85
Farbharmonien
Komplementär +180°
- 0056A8
Raiden Blue
- 774E00
≈ Lucky Brown
Analog -30° +30°
- 0056A8
Raiden Blue
- 00617C
≈ Jamaican Dream
- 5246A6
≈ Swiss Plum
Triadisch +120° +240°
- 0056A8
Raiden Blue
- 99273D
≈ Valentine Red
- 346700
≈ Keen Green
Geteilt komplementär +150° +210°
- 0056A8
Raiden Blue
- 913900
≈ Citrine Brown
- 615A00
≈ Brussels Sprout Green
Tetradisch +90° +180° +270°
- 0056A8
Raiden Blue
- 8D2B6B
≈ Beetiful Magenta
- 774E00
≈ Lucky Brown
- 00684A
≈ Victoria Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.25:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.89:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.25:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--raiden-blue: #0056a8;
--raiden-blue-rgb: 0 86 168;
--raiden-blue-oklch: oklch(0.459 0.149 254.7);
}
.element {
color: var(--raiden-blue);
background-color: hsl(209 100% 33%);
border-color: oklch(0.459 0.149 254.7);
}Tailwind CSS v4
@theme {
--color-raiden-blue: #0056a8;
--color-raiden-blue-50: #daf8ff;
--color-raiden-blue-100: #c8ebff;
--color-raiden-blue-200: #abd7ff;
--color-raiden-blue-300: #85baff;
--color-raiden-blue-400: #5da1f4;
--color-raiden-blue-500: #3486e6;
--color-raiden-blue-600: #2e72c2;
--color-raiden-blue-700: #255b9c;
--color-raiden-blue-800: #144374;
--color-raiden-blue-900: #0d2f52;
--color-raiden-blue-950: #011b37;
}SCSS
$raiden-blue: #0056a8;
$raiden-blue-rgb: 0, 86, 168;
$raiden-blue-light: mix(#fff, $raiden-blue, 20%);
$raiden-blue-dark: mix(#000, $raiden-blue, 20%);
.element {
color: $raiden-blue;
box-shadow: 0 0 0 2px rgba($raiden-blue, 0.35);
}