#45AAA5 Color

Color Information

HEX	#45AAA5
RGB	69, 170, 165
HSL	177° , 42% , 47%
HSV	177° , 59% , 67%
CMYK	59%, 0%, 3%, 33%

Lighter Shades

#5BB4B0 #72BEBB #88C9C5 #9ED3D0 #B5DDDB #CBE7E6

Darker Shades

#3D9691 #34817D #2C6D6A #245856 #1C4442 #13302E

Complementary Palette

#3B928E #45AAA5 #923C41 #AA464B #B66064 #5FB6B2

Analogous Palette

#56866B #5D9275 #41A09B #45AAA5 #5D7A92 #6D8497

Triadic Palette

#3D9691 #45AAA5 #B03AB6 #B952BF #B6B03A #A09B33

Split Complementary Palette

#3E9995 #45AAA5 #AA467D #B3598A #AA7346 #99683F

Square Palette

#3A8F8B #45AAA5 #74519E #9E5155 #7DAA46 #92B864

Tetradic Palette

#398B87 #45AAA5 #3037C0 #AA464B #C0B930 #CBC655

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45AAA5 contains 69 red, 170 green, and 165 blue.

Contrast Ratio: 2.74:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.66:1