#45A9B0 Color

Color Information

HEX	#45A9B0
RGB	69, 169, 176
HSL	184° , 44% , 48%
HSV	184° , 61% , 69%
CMYK	61%, 4%, 0%, 31%

Lighter Shades

#5BB3B9 #72BEC3 #88C8CC #9ED2D6 #B5DDDF #CBE7E9

Darker Shades

#3D959B #348086 #2C6C71 #24585C #1C4446 #132F31

Complementary Palette

#3B9197 #45A9B0 #97413B #B04C45 #BB655F #5FB5BB

Analogous Palette

#558B75 #5D987E #419FA5 #45A9B0 #5D7698 #6C819D

Triadic Palette

#3D959B #45A9B0 #BC38B4 #C450BD #B4BC38 #9EA531

Split Complementary Palette

#3E989E #45A9B0 #B04573 #B85881 #B08245 #9E753E

Square Palette

#3A8E94 #45A9B0 #8051A4 #A45651 #73B045 #89BD63

Tetradic Palette

#398B90 #45A9B0 #392FC6 #B04C45 #BCC62F #C8D054

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45A9B0 contains 69 red, 169 green, and 176 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