Colore con nome · #0038A8
Royal Azure
Royal Azure è #0038A8: rgb(0 56 168), hsl(220 100% 33%), oklch(0.396 0.186 262.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Royal Azure color name →
#0038A8
oklch(0.396 0.186 262.2)
Conversioni di colore
- HEX
- #0038a8
- RGB
- rgb(0 56 168)
- HSL
- hsl(220 100% 33%)
- HWB
- hwb(220 0% 34%)
- OKLCH
- oklch(0.396 0.186 262.2)
- OKLab
- oklab(0.396 -0.025 -0.185)
- CIE Lab
- lab(27.32 23.09 -65.38)
- LCH
- lch(27.32 69.34 289.4)
- CMYK
- cmyk(100% 67% 0% 34%)
Tinte · Ombre · Toni
Tinte
- 1D4FB2
- 3663BC
- 4E77C6
- 668BCF
- 7E9ED8
- 97B1E1
- B0C4E9
- CAD8F1
- E4EBF8
Ombre
- 002F92
- 00277C
- 001F67
- 001752
- 000F3F
- 00082C
- 00041A
- 00010A
- 000001
Toni
- 1142A5
- 204BA2
- 2D539F
- 395B9B
- 456298
- 516894
- 5D6F8F
- 68758B
- 747A86
Armonie di colore
Complementare +180°
- 0038A8
Royal Azure
- 5C4100
≈ Sugarloaf Brown
Analogo -30° +30°
- 0038A8
Royal Azure
- 004D6A
≈ Navy Dark Blue
- 4F209F
≈ Eine Kleine Nachtmusik
Triadico +120° +240°
- 0038A8
Royal Azure
- 88001A
≈ Barbera
- 035700
≈ Duck Hunt
Complementare divisa +150° +210°
- 0038A8
Royal Azure
- 6F3300
≈ Nutmeg Wood Finish
- 484B00
≈ No Emissions Green
Tetradico +90° +180° +270°
- 0038A8
Royal Azure
- 81004F
≈ French Plum
- 5C4100
≈ Sugarloaf Brown
- 005342
≈ Tetsu Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.85:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.13:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.85:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--royal-azure: #0038a8;
--royal-azure-rgb: 0 56 168;
--royal-azure-oklch: oklch(0.396 0.186 262.2);
}
.element {
color: var(--royal-azure);
background-color: hsl(220 100% 33%);
border-color: oklch(0.396 0.186 262.2);
}Tailwind CSS v4
@theme {
--color-royal-azure: #0038a8;
--color-royal-azure-50: #daf5ff;
--color-royal-azure-100: #c9e8ff;
--color-royal-azure-200: #acd3ff;
--color-royal-azure-300: #87b4ff;
--color-royal-azure-400: #609aff;
--color-royal-azure-500: #3c7dff;
--color-royal-azure-600: #346ad7;
--color-royal-azure-700: #2955ad;
--color-royal-azure-800: #173f81;
--color-royal-azure-900: #0f2b5c;
--color-royal-azure-950: #03183e;
}SCSS
$royal-azure: #0038a8;
$royal-azure-rgb: 0, 56, 168;
$royal-azure-light: mix(#fff, $royal-azure, 20%);
$royal-azure-dark: mix(#000, $royal-azure, 20%);
.element {
color: $royal-azure;
box-shadow: 0 0 0 2px rgba($royal-azure, 0.35);
}