Couleur nommée · #0056A8
Raiden Blue
Raiden Blue correspond à #0056A8 : rgb(0 86 168), hsl(209 100% 33%), oklch(0.459 0.149 254.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Blue mean? → · Raiden Blue color name →
#0056A8
oklch(0.459 0.149 254.7)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 2867B2
- 4178BB
- 5989C4
- 719ACD
- 88AAD6
- 9FBBDF
- B7CCE7
- CEDDEF
- E7EEF7
Ombres
- 004A92
- 003E7C
- 003267
- 002752
- 001C3F
- 00122C
- 00081A
- 00020A
- 000001
Tons
- 1A5BA5
- 2A60A1
- 37659E
- 42699A
- 4D6E96
- 587292
- 62758E
- 6C798A
- 767D85
Harmonies de couleurs
Complémentaire +180°
- 0056A8
Raiden Blue
- 774E00
≈ Lucky Brown
Analogue -30° +30°
- 0056A8
Raiden Blue
- 00617C
≈ Jamaican Dream
- 5246A6
≈ Swiss Plum
Triadique +120° +240°
- 0056A8
Raiden Blue
- 99273D
≈ Valentine Red
- 346700
≈ Keen Green
Complémentaire divisée +150° +210°
- 0056A8
Raiden Blue
- 913900
≈ Citrine Brown
- 615A00
≈ Brussels Sprout Green
Tétradique +90° +180° +270°
- 0056A8
Raiden Blue
- 8D2B6B
≈ Beetiful Magenta
- 774E00
≈ Lucky Brown
- 00684A
≈ Victoria Green
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.25:1 · APCA Lc 84
Ag
FailSur noir
WCAG 2.89:1 · APCA Lc 18
Meilleure couleur de texte: #FFFFFF
WCAG 7.25:1 (AAA) · APCA Lc 84
Contrast pairs
Extraits de code
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);
}