#3A95B6 Color

Color Information

HEX	#3A95B6
RGB	58, 149, 182
HSL	196° , 52% , 47%
HSV	196° , 68% , 71%
CMYK	68%, 18%, 0%, 29%

Lighter Shades

#52A2BF #69AEC8 #81BBD0 #99C8D9 #B0D5E2 #C8E1EB

Darker Shades

#3383A0 #2C718A #255F74 #1E4D5F #173C49 #102A33

Complementary Palette

#32809D #3A95B6 #9D4E32 #B65B3A #C07256 #56A4C0

Analogous Palette

#4B9180 #519E8C #378CAB #3A95B6 #51639E #6271A3

Triadic Palette

#3383A0 #3A95B6 #C22E9B #C947A7 #9BC22E #88AB28

Split Complementary Palette

#3486A4 #3A95B6 #B63A57 #BD4E68 #B6993A #A48A34

Square Palette

#317D99 #3A95B6 #9346AA #AA6046 #57B63A #72C25A

Tetradic Palette

#307A95 #3A95B6 #5124CC #B65B3A #9FCC24 #B0D54B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3A95B6 contains 58 red, 149 green, and 182 blue.

Contrast Ratio: 3.37:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.24:1