#45A0CF Color

Color Information

HEX	#45A0CF
RGB	69, 160, 207
HSL	200° , 59% , 54%
HSV	200° , 67% , 81%
CMYK	67%, 23%, 0%, 19%

Lighter Shades

#5BABD5 #72B7DB #88C2E0 #9ECEE6 #B5D9EC #CBE4F2

Darker Shades

#3D8DB6 #347A9D #2C6684 #24536C #1C4053 #132D3A

Complementary Palette

#3B8AB2 #45A0CF #B2633A #CF7344 #D6875E #5FADD6

Analogous Palette

#59A699 #5CB7A8 #4196C3 #45A0CF #5C6BB7 #6A78BE

Triadic Palette

#3D8DB6 #45A0CF #DB39A5 #DF51B0 #A5DB39 #91C132

Split Complementary Palette

#3E90BA #45A0CF #CF445C #D4576C #CFB844 #BAA63D

Square Palette

#3A86AE #45A0CF #B050C3 #C37750 #5CCF44 #76D762

Tetradic Palette

#3983AA #45A0CF #6C2FE4 #CF7344 #A8E42F #B8E954

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45A0CF contains 69 red, 160 green, and 207 blue.

Contrast Ratio: 2.88:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.28:1