Colore con nome · #0C1793
Royal
Royal è #0C1793: rgb(12 23 147), hsl(235 85% 31%), oklch(0.323 0.192 266.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Royal color name →
#0C1793
oklch(0.323 0.192 266.5)
Conversioni di colore
- HEX
- #0c1793
- RGB
- rgb(12 23 147)
- HSL
- hsl(235 85% 31%)
- HWB
- hwb(235 5% 42%)
- OKLCH
- oklch(0.323 0.192 266.5)
- OKLab
- oklab(0.323 -0.012 -0.192)
- CIE Lab
- lab(17.76 36.68 -68.39)
- LCH
- lch(17.76 77.6 298.2)
- CMYK
- cmyk(92% 84% 0% 42%)
Tinte · Ombre · Toni
Tinte
- 1B36A0
- 304FAC
- 4665B8
- 5E7BC3
- 7791CE
- 91A7D9
- ACBCE3
- C7D2ED
- E3E9F6
Ombre
- 09127F
- 060E6C
- 040A59
- 030647
- 020436
- 010225
- 000116
- 000008
- 000001
Toni
- 132993
- 1C3692
- 274291
- 334C90
- 3F568E
- 4C5F8C
- 59678A
- 667087
- 737884
Armonie di colore
Complementare +180°
- 0C1793
Royal
- 423100
≈ Night in the Woods
Analogo -30° +30°
- 0C1793
Royal
- 003852
≈ Gibraltar Sea
- 41007F
≈ Invasive Indigo
Triadico +120° +240°
- 0C1793
Royal
- 670007
≈ Rosewood
- 004010
≈ Hunter Green
Complementare divisa +150° +210°
- 0C1793
Royal
- 512700
≈ Conker Brown
- 323800
≈ Wasabi Nori
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 13.46:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.55:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 13.46:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--royal: #0c1793;
--royal-rgb: 12 23 147;
--royal-oklch: oklch(0.323 0.192 266.5);
}
.element {
color: var(--royal);
background-color: hsl(235 85% 31%);
border-color: oklch(0.323 0.192 266.5);
}Tailwind CSS v4
@theme {
--color-royal: #0c1793;
--color-royal-50: #def4ff;
--color-royal-100: #cde6ff;
--color-royal-200: #b2d1ff;
--color-royal-300: #8eb2ff;
--color-royal-400: #6a96ff;
--color-royal-500: #4b79ff;
--color-royal-600: #4067da;
--color-royal-700: #3352b0;
--color-royal-800: #1f3d84;
--color-royal-900: #152a5d;
--color-royal-950: #071740;
}SCSS
$royal: #0c1793;
$royal-rgb: 12, 23, 147;
$royal-light: mix(#fff, $royal, 20%);
$royal-dark: mix(#000, $royal, 20%);
.element {
color: $royal;
box-shadow: 0 0 0 2px rgba($royal, 0.35);
}