Nearest named color · #2D327A
#2D327A
Nearest named color: Deep Space Royal
#2D327A (rgb(45 50 122), hsl(236 46% 33%), oklch(0.357 0.121 275.5)) is closest to the named color Deep Space Royal. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#2D327A
oklch(0.357 0.121 275.5)
Color conversions
- HEX
- #2d327a
- RGB
- rgb(45 50 122)
- HSL
- hsl(236 46% 33%)
- HWB
- hwb(236 18% 52%)
- OKLCH
- oklch(0.357 0.121 275.5)
- OKLab
- oklab(0.357 0.011 -0.12)
- CIE Lab
- lab(23.84 16.67 -42.68)
- LCH
- lch(23.84 45.82 291.3)
- CMYK
- cmyk(63% 59% 0% 52%)
Tints · Shades · Tones
Tints
- 3E4688
- 505A95
- 646DA3
- 7881B0
- 8D95BE
- A3AACB
- B9BFD8
- D0D4E5
- E7E9F2
Shades
- 262A69
- 1F2259
- 181B49
- 11143A
- 0B0D2B
- 06071D
- 020310
- 010105
- 000001
Tones
- 343B7B
- 3B437D
- 434B7E
- 4B537F
- 535B7F
- 5C6280
- 656A80
- 6E7180
- 777980
Color harmonies
Complementary +180°
- 2D327A
Deep Space Royal
- 483C00
≈ Xanthophobia
Analogous -30° +30°
- 2D327A
Deep Space Royal
- 003F68
≈ Dark Imperial Blue
- 4C266E
≈ Purple Seduction
Triadic +120° +240°
- 2D327A
Deep Space Royal
- 6E1A03
≈ Cedar Wood Finish
- 004927
≈ Alaskan Moss
Split-complementary +150° +210°
- 2D327A
Deep Space Royal
- 583200
≈ Eyelash Camel
- 314400
≈ Garden Shadow
Tetradic +90° +180° +270°
- 2D327A
Deep Space Royal
- 6C1633
≈ Her Fierceness
- 483C00
≈ Xanthophobia
- 004741
≈ Tropical Forest
Contrast & accessibility
Ag
AAAOn white
WCAG 11.35:1 · APCA Lc 96
Ag
FailOn black
WCAG 1.84:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 11.35:1 (AAA) · APCA Lc 96
Contrast pairs
Code snippets
CSS
:root {
--deep-space-royal: #2d327a;
--deep-space-royal-rgb: 45 50 122;
--deep-space-royal-oklch: oklch(0.357 0.121 275.5);
}
.element {
color: var(--deep-space-royal);
background-color: hsl(236 46% 33%);
border-color: oklch(0.357 0.121 275.5);
}Tailwind CSS v4
@theme {
--color-deep-space-royal: #2d327a;
--color-deep-space-royal-50: #ecf3ff;
--color-deep-space-royal-100: #dde5ff;
--color-deep-space-royal-200: #c7d0ff;
--color-deep-space-royal-300: #a8b2f5;
--color-deep-space-royal-400: #8a98e5;
--color-deep-space-royal-500: #707dd5;
--color-deep-space-royal-600: #5f6ab4;
--color-deep-space-royal-700: #4c5590;
--color-deep-space-royal-800: #353e6c;
--color-deep-space-royal-900: #242b4c;
--color-deep-space-royal-950: #131832;
}SCSS
$deep-space-royal: #2d327a;
$deep-space-royal-rgb: 45, 50, 122;
$deep-space-royal-light: mix(#fff, $deep-space-royal, 20%);
$deep-space-royal-dark: mix(#000, $deep-space-royal, 20%);
.element {
color: $deep-space-royal;
box-shadow: 0 0 0 2px rgba($deep-space-royal, 0.35);
}