#3A95A3 Color

Color Information

HEX	#3A95A3
RGB	58, 149, 163
HSL	188° , 48% , 43%
HSV	188° , 64% , 64%
CMYK	64%, 9%, 0%, 36%

Lighter Shades

#52A2AE #69AEB9 #81BBC4 #99C8CF #B0D5DA #C8E1E5

Darker Shades

#33838F #2C717C #255F68 #1E4D55 #173C41 #102A2E

Complementary Palette

#32808C #3A95A3 #8B3D31 #A24739 #AF6155 #56A4B0

Analogous Palette

#487F6B #4F8C76 #378C99 #3A95A3 #4F658C #607190

Triadic Palette

#33838F #3A95A3 #AD2E9C #B747A8 #9CAD2E #899828

Split Complementary Palette

#348693 #3A95A3 #A23960 #AB4D70 #A27C39 #927033

Square Palette

#317D89 #3A95A3 #794497 #974F44 #60A239 #79B159

Tetradic Palette

#307A86 #3A95A3 #3925B6 #A24739 #A3B625 #B4C34C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3A95A3 contains 58 red, 149 green, and 163 blue.

Contrast Ratio: 3.45:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.09:1