#2DAAB0 Color

Color Information

HEX	#2DAAB0
RGB	45, 170, 176
HSL	183° , 59% , 43%
HSV	183° , 74% , 69%
CMYK	74%, 3%, 0%, 31%

Lighter Shades

#46B4B9 #5FBEC3 #79C9CC #92D3D6 #ABDDDF #C4E7E9

Darker Shades

#28969B #228186 #1D6D71 #17585C #124446 #0D3031

Complementary Palette

#279297 #2DAAB0 #962C27 #AE332D #B9504A #4AB6BB

Analogous Palette

#3D8A67 #439872 #2AA0A5 #2DAAB0 #436998 #55749B

Triadic Palette

#28969B #2DAAB0 #B922B2 #C13DBB #B2B922 #9DA31E

Split Complementary Palette

#29999E #2DAAB0 #AE2D67 #B64276 #AE742D #9D6829

Square Palette

#268F94 #2DAAB0 #7338A3 #A33D38 #67AE2D #7FBB4F

Tetradic Palette

#258B90 #2DAAB0 #2219C2 #AE332D #BAC219 #C6CD42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2DAAB0 contains 45 red, 170 green, and 176 blue.

Contrast Ratio: 2.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.59:1