#3AA0CF Color

Color Information

HEX	#3AA0CF
RGB	58, 160, 207
HSL	199° , 61% , 52%
HSV	199° , 72% , 81%
CMYK	72%, 23%, 0%, 19%

Lighter Shades

#52ABD5 #69B7DB #81C2E0 #99CEE6 #B0D9EC #C8E4F2

Darker Shades

#338DB6 #2C7A9D #256684 #1E536C #174053 #102D3A

Complementary Palette

#328AB2 #3AA0CF #B25A32 #CF693A #D67E56 #56ADD6

Analogous Palette

#4EA696 #52B7A4 #3796C3 #3AA0CF #5265B7 #6172BD

Triadic Palette

#338DB6 #3AA0CF #DC2EA4 #E047AF #A4DC2E #90C228

Split Complementary Palette

#3490BA #3AA0CF #CF3A55 #D44E66 #CFB43A #BAA234

Square Palette

#3186AE #3AA0CF #AC46C3 #C36E46 #55CF3A #70D75A

Tetradic Palette

#3083AA #3AA0CF #6124E5 #CF693A #A8E524 #B8EA4B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3AA0CF contains 58 red, 160 green, and 207 blue.

Contrast Ratio: 2.91:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.21:1