Coloried

Nile Blue

Nile Blue color is a muted shade of muted blue. Its hex code is #35579B and rgb code is rgb(53, 87, 155), Its CMYK value is cmyk(66%, 44%, 0%, 39%), and Its HSL value is hsl(220, 49%, 41%). Against white, it has a contrast ratio of 7.03:1, while against black, the contrast ratio is 2.99:1. Its complementary color is #9C7A35 and closest tailwind color is blue-800. This color goes well with #9D91D9, #91CDD9, #CAD5ED, #CC7B6B, and #BCCC6B. To recreate the Nile Blue color, you can mix #0000FF and #6AAE37.

Nile Blue color code
|
1. Color Conversions
HEX#35579B
RGB53, 87, 155
HSL220°, 49%, 41%
HSV220°, 49%, 61%
CMYK66%, 44%, 0%, 39%
Web Safe#336699
2. Contrast Ratio
Text on #FFFFFF7.03:1
AAA LargeAAA Normal
Text on #0000002.99:1
Fail LargeFail Normal
3. Nile Blue Color Code in CSS
HEX
#35579B
RGB
rgb(53, 87, 155)
HSL
hsl(220, 49%, 41%)
Text Color
color: #35579B;
Background
background-color: #35579B;
Border Color
border-color: #35579B;
Box Shadow
box-shadow: 0 4px 14px 0 #35579B80;
SCSS
$color-nile-blue: #35579B;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#44448B
Deuteranopia#423F87
Tritanopia#377E7B
Achromatopsia#555555
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive