Nearest named color · #003595
#003595
Nearest named color: Smalt
#003595 (rgb(0 53 149), hsl(219 100% 29%), oklch(0.371 0.165 261.5)) is closest to the named color Smalt. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#003595
oklch(0.371 0.165 261.5)
Color conversions
- HEX
- #003595
- RGB
- rgb(0 53 149)
- HSL
- hsl(219 100% 29%)
- HWB
- hwb(219 0% 42%)
- OKLCH
- oklch(0.371 0.165 261.5)
- OKLab
- oklab(0.371 -0.024 -0.164)
- CIE Lab
- lab(24.87 18.27 -57.88)
- LCH
- lch(24.87 60.7 287.5)
- CMYK
- cmyk(100% 64% 0% 42%)
Tints · Shades · Tones
Tints
- 1D4BA1
- 355FAD
- 4D73B8
- 6587C3
- 7D9ACE
- 96AED8
- B0C2E2
- CAD6EC
- E4EBF6
Shades
- 002D81
- 00256D
- 001D5A
- 001548
- 000E37
- 000826
- 000316
- 000108
- 000001
Tones
- 113F94
- 1F4893
- 2C5091
- 385790
- 445F8E
- 50668C
- 5C6D89
- 687387
- 747A84
Color harmonies
Complementary +180°
- 003595
Smalt
- 543B00
≈ Pineapple
Analogous -30° +30°
Triadic +120° +240°
- 003595
Smalt
- 7C0019
≈ Mythical Wine
- 094F00
≈ Malachite Green
Split-complementary +150° +210°
- 003595
Smalt
- 662E00
≈ Beasty Brown
- 424400
≈ Green Not Found
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 10.80:1 · APCA Lc 94
Ag
FailOn black
WCAG 1.94:1 · APCA Lc 8
Best text color: #FFFFFF
WCAG 10.80:1 (AAA) · APCA Lc 94
Contrast pairs
Code snippets
CSS
:root {
--smalt: #003595;
--smalt-rgb: 0 53 149;
--smalt-oklch: oklch(0.371 0.165 261.5);
}
.element {
color: var(--smalt);
background-color: hsl(219 100% 29%);
border-color: oklch(0.371 0.165 261.5);
}Tailwind CSS v4
@theme {
--color-smalt: #003595;
--color-smalt-50: #ddf6ff;
--color-smalt-100: #cce8ff;
--color-smalt-200: #b0d4ff;
--color-smalt-300: #8bb6ff;
--color-smalt-400: #669cff;
--color-smalt-500: #4480f2;
--color-smalt-600: #3a6dcc;
--color-smalt-700: #2e57a4;
--color-smalt-800: #1c407a;
--color-smalt-900: #122c57;
--color-smalt-950: #05193a;
}SCSS
$smalt: #003595;
$smalt-rgb: 0, 53, 149;
$smalt-light: mix(#fff, $smalt, 20%);
$smalt-dark: mix(#000, $smalt, 20%);
.element {
color: $smalt;
box-shadow: 0 0 0 2px rgba($smalt, 0.35);
}