Coloried

Heather Navy

Heather Navy color is a dusky shade of dark gray. Its hex code is #364062 and rgb code is rgb(54, 64, 98), Its CMYK value is cmyk(45%, 35%, 0%, 62%), and Its HSL value is hsl(226, 29%, 30%). Against white, its contrast ratio of 10.16:1, while against black, the contrast ratio is 2.07:1. Its complementary color is #635836 and closest tailwind color is slate-700. This color goes well with #8B7BB7, #7BA7B7, #ADB5D2, #A46E5B, and #91A45B. To create this Heather Navy color, you can mix #000000 and #6C80C4.

Heather Navy color code
|
1. Color Conversions
HEX#364062
RGB54, 64, 98
HSL226°, 29%, 30%
HSV226°, 29%, 38%
CMYK45%, 35%, 0%, 62%
Web Safe#333366
2. Contrast Ratio
Text on #FFFFFF10.16:1
AAA LargeAAA Normal
Text on #0000002.07:1
Fail LargeFail Normal
3. Heather Navy Color Code in CSS
HEX
#364062
RGB
rgb(54, 64, 98)
HSL
hsl(226, 29%, 30%)
Text Color
color: #364062;
Background
background-color: #364062;
Border Color
border-color: #364062;
Box Shadow
box-shadow: 0 4px 14px 0 #36406280;
SCSS
$color-heather-navy: #364062;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#3A3A5A
Deuteranopia#3A3958
Tritanopia#375352
Achromatopsia#414141
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive