#45A3B5 Color

Color Information

HEX#45A3B5
RGB69, 163, 181
HSL190° , 45% , 49%
HSV190° , 62% , 71%
CMYK62%, 10%, 0%, 29%

Lighter Shades

#5BAEBE #72B9C7 #88C4D0 #9ECFD9 #B5DAE1 #CBE5EA

Darker Shades

#3D8F9F #347C8A #2C6874 #24555E #1C4148 #132E33

Complementary Palette

#3B8C9C #45A3B5 #9C4B3B #B55745 #BF6F5F #5FB0BF

Analogous Palette

#568F7C #5E9C87 #4199AA #45A3B5 #5E739C #6C7EA3

Triadic Palette

#3D8F9F #45A3B5 #C238AB #C950B5 #ABC238 #96AB31

Split Complementary Palette

#3E93A3 #45A3B5 #B5456A #BC5879 #B59045 #A3823E

Square Palette

#3A8998 #45A3B5 #8C51A9 #A96051 #6AB545 #82C163

Tetradic Palette

#398694 #45A3B5 #482ECC #B55745 #B1CC2E #BFD554

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45A3B5 contains 69 red, 163 green, and 181 blue.

Contrast Ratio: 2.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.26:1