#45AFBA Color

Color Information

HEX#45AFBA
RGB69, 175, 186
HSL186° , 46% , 50%
HSV186° , 63% , 73%
CMYK63%, 6%, 0%, 27%

Lighter Shades

#5BB9C2 #72C2CB #88CCD3 #9ED5DB #B5DFE3 #CBE9EC

Darker Shades

#3D9AA4 #34858D #2C7077 #245B61 #1C464A #133134

Complementary Palette

#3B97A0 #45AFBA #A0463B #BA5145 #C4695F #5FBAC4

Analogous Palette

#57947B #5EA186 #41A5AF #45AFBA #5E79A1 #6B84A8

Triadic Palette

#3D9AA4 #45AFBA #C738B9 #CE50C1 #B9C738 #A3AF31

Split Complementary Palette

#3E9EA7 #45AFBA #BA4574 #C15882 #BA8B45 #A77D3E

Square Palette

#3A939C #45AFBA #8952AD #AD5B52 #74BA45 #8AC563

Tetradic Palette

#399099 #45AFBA #3E2ED1 #BA5145 #C1D12E #CCD954

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45AFBA contains 69 red, 175 green, and 186 blue.

Contrast Ratio: 2.56:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.21:1