Nearest named color · #001A90
#001A90
Nearest named color: Royal
#001A90 (rgb(0 26 144), hsl(229 100% 28%), oklch(0.319 0.189 264.1)) is closest to the named color Royal. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#001A90
oklch(0.319 0.189 264.1)
Color conversions
- HEX
- #001a90
- RGB
- rgb(0 26 144)
- HSL
- hsl(229 100% 28%)
- HWB
- hwb(229 0% 44%)
- OKLCH
- oklch(0.319 0.189 264.1)
- OKLab
- oklab(0.319 -0.019 -0.188)
- CIE Lab
- lab(17.6 33.66 -66.8)
- LCH
- lch(17.6 74.8 296.7)
- CMYK
- cmyk(100% 82% 0% 44%)
Tints · Shades · Tones
Tints
- 12389D
- 2A50A9
- 4266B5
- 5B7CC1
- 7591CC
- 8FA7D7
- AABDE2
- C6D3EC
- E2E9F6
Shades
- 00157D
- 00106A
- 000C57
- 000745
- 000434
- 000224
- 000115
- 000007
- 000001
Tones
- 082B90
- 15388F
- 22438F
- 2F4D8E
- 3D568C
- 4A5F8B
- 576889
- 657086
- 727883
Color harmonies
Complementary +180°
- 001A90
Royal
- 422F00
≈ Hidden Passage
Analogous -30° +30°
- 001A90
Royal
- 00374F
≈ Sea of Stars
- 3D0080
≈ Marionberry
Triadic +120° +240°
- 001A90
Royal
- 65000D
≈ Rosewood
- 003F07
≈ Hunter Green
Split-complementary +150° +210°
- 001A90
Royal
- 512500
≈ Conker Brown
- 323600
≈ Wasabi Nori
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 13.54:1 · APCA Lc 99
Ag
FailOn black
WCAG 1.55:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 13.54:1 (AAA) · APCA Lc 99
Contrast pairs
Code snippets
CSS
:root {
--royal: #001a90;
--royal-rgb: 0 26 144;
--royal-oklch: oklch(0.319 0.189 264.1);
}
.element {
color: var(--royal);
background-color: hsl(229 100% 28%);
border-color: oklch(0.319 0.189 264.1);
}Tailwind CSS v4
@theme {
--color-royal: #001a90;
--color-royal-50: #dcf5ff;
--color-royal-100: #cae7ff;
--color-royal-200: #afd2ff;
--color-royal-300: #8ab3ff;
--color-royal-400: #6498ff;
--color-royal-500: #437bff;
--color-royal-600: #3a69d8;
--color-royal-700: #2d54ae;
--color-royal-800: #1b3e82;
--color-royal-900: #112b5c;
--color-royal-950: #05173f;
}SCSS
$royal: #001a90;
$royal-rgb: 0, 26, 144;
$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);
}