Coloried

Light Navy Blue

Light Navy Blue color is a muted shade of dark muted blue. Its hex code is #2E5A88 and rgb code is rgb(46, 90, 136), Its CMYK value is cmyk(66%, 34%, 0%, 47%), and Its HSL value is hsl(211, 49%, 36%). Against white, it has a contrast ratio of 7.16:1, while against black, the contrast ratio is 2.93:1. Its complementary color is #895D2F and closest tailwind color is cyan-800. This color goes well with #7F7ED3, #7ED1D3, #B7CEE6, #C65A58, and #C4C658. To recreate the Light Navy Blue color, you can mix #0000FF and #5CB411.

Light Navy Blue color code
|
1. Color Conversions
HEX#2E5A88
RGB46, 90, 136
HSL211°, 49%, 36%
HSV211°, 49%, 53%
CMYK66%, 34%, 0%, 47%
Web Safe#336699
2. Contrast Ratio
Text on #FFFFFF7.16:1
AAA LargeAAA Normal
Text on #0000002.93:1
Fail LargeFail Normal
3. Light Navy Blue Color Code in CSS
HEX
#2E5A88
RGB
rgb(46, 90, 136)
HSL
hsl(211, 49%, 36%)
Text Color
color: #2E5A88;
Background
background-color: #2E5A88;
Border Color
border-color: #2E5A88;
Box Shadow
box-shadow: 0 4px 14px 0 #2E5A8880;
SCSS
$color-light-navy-blue: #2E5A88;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#41417D
Deuteranopia#3F3B7A
Tritanopia#307472
Achromatopsia#525252
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive