#45A195 Color

Color Information

HEX#45A195
RGB69, 161, 149
HSL172° , 40% , 45%
HSV172° , 57% , 63%
CMYK57%, 0%, 7%, 37%

Lighter Shades

#5BACA2 #72B8AE #88C3BB #9ECEC8 #B5D9D5 #CBE5E1

Darker Shades

#3D8E83 #347A71 #2C675F #24544D #1C403C #132D2A

Complementary Palette

#3B8A80 #45A195 #8A3B46 #A14551 #AE5F69 #5FAEA4

Analogous Palette

#547D64 #5C8A6D #41978C #45A195 #5C798A #6C8493

Triadic Palette

#3D8E83 #45A195 #9D39AC #A951B6 #AC9D39 #978A32

Split Complementary Palette

#3E9186 #45A195 #A1457F #AA588C #A16745 #915D3E

Square Palette

#3A877D #45A195 #6A5095 #95505A #7FA145 #93B063

Tetradic Palette

#39847A #45A195 #3042B5 #A14551 #B5A430 #C2B455

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45A195 contains 69 red, 161 green, and 149 blue.

Contrast Ratio: 3.05:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.88:1