#3A5F4B Color

Color Information

HEX#3A5F4B
RGB58, 95, 75
HSL148° , 24% , 30%
HSV148° , 39% , 37%
CMYK39%, 0%, 21%, 63%

Lighter Shades

#527261 #698576 #81998C #99ACA1 #B0BFB7 #C8D2CD

Darker Shades

#335442 #2C4839 #253D30 #1E3127 #17261E #101B15

Complementary Palette

#325241 #3A5F4B #523243 #5F3A4E #755667 #567564

Analogous Palette

#3B4F3B #425841 #375947 #3A5F4B #415857 #4E6A69

Triadic Palette

#335442 #3A5F4B #4B3267 #614B79 #674B32 #5B422C

Split Complementary Palette

#345644 #3A5F4B #5E3A5F #6E4E6F #5F3A3B #563435

Square Palette

#31503F #3A5F4B #414258 #58414D #5F5E3A #79785A

Tetradic Palette

#304E3E #3A5F4B #2C4F6D #5F3A4E #6D4A2C #876B52

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5F4B contains 58 red, 95 green, and 75 blue.

Contrast Ratio: 7.26:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 2.89:1