Benannte Farbe · #0C1793
Royal
Royal ist #0C1793: rgb(12 23 147), hsl(235 85% 31%), oklch(0.323 0.192 266.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Royal color name →
#0C1793
oklch(0.323 0.192 266.5)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 1B36A0
- 304FAC
- 4665B8
- 5E7BC3
- 7791CE
- 91A7D9
- ACBCE3
- C7D2ED
- E3E9F6
Shades
- 09127F
- 060E6C
- 040A59
- 030647
- 020436
- 010225
- 000116
- 000008
- 000001
Tones
- 132993
- 1C3692
- 274291
- 334C90
- 3F568E
- 4C5F8C
- 59678A
- 667087
- 737884
Farbharmonien
Komplementär +180°
- 0C1793
Royal
- 423100
≈ Night in the Woods
Analog -30° +30°
- 0C1793
Royal
- 003852
≈ Gibraltar Sea
- 41007F
≈ Invasive Indigo
Triadisch +120° +240°
- 0C1793
Royal
- 670007
≈ Rosewood
- 004010
≈ Hunter Green
Geteilt komplementär +150° +210°
- 0C1793
Royal
- 512700
≈ Conker Brown
- 323800
≈ Wasabi Nori
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 13.46:1 · APCA Lc 98
Ag
FailAuf Schwarz
WCAG 1.55:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 13.46:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
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);
}