#45A67D Color

Color Information

HEX	#45A67D
RGB	69, 166, 125
HSL	155° , 41% , 46%
HSV	155° , 58% , 65%
CMYK	58%, 0%, 25%, 35%

Lighter Shades

#5BB18D #72BB9C #88C6AC #9ED1BB #B5DBCB #CBE6DB

Darker Shades

#3D926E #347E5F #2C6A50 #245641 #1C4232 #132E23

Complementary Palette

#3B8F6C #45A67D #8E3B5E #A5456D #B25F81 #5FB28F

Analogous Palette

#558258 #5D8E61 #419C76 #45A67D #5D8A8E #6C8F93

Triadic Palette

#3D926E #45A67D #7F39B1 #8E51BA #B17F39 #9C7032

Split Complementary Palette

#3E9571 #45A67D #A5459D #AE58A7 #A54D45 #95453E

Square Palette

#3A8B69 #45A67D #57519A #9A516F #9DA545 #ADB363

Tetradic Palette

#398867 #45A67D #306ABB #A5456D #BB8130 #C79855

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45A67D contains 69 red, 166 green, and 125 blue.

Contrast Ratio: 2.96:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.1:1