#42A6A1 Color

Color Information

HEX#42A6A1
RGB66, 166, 161
HSL177° , 43% , 45%
HSV177° , 60% , 65%
CMYK60%, 0%, 3%, 35%

Lighter Shades

#59B1AC #6FBBB8 #86C6C3 #9DD1CE #B3DBD9 #CAE6E5

Darker Shades

#3A928E #327E7A #2A6A67 #225654 #1A4240 #122E2D

Complementary Palette

#398F8A #42A6A1 #8D383C #A44146 #B15C60 #5CB2AE

Analogous Palette

#518166 #588D70 #3E9C97 #42A6A1 #58758D #698091

Triadic Palette

#3A928E #42A6A1 #A936B0 #B34EB9 #B0A936 #9B9530

Split Complementary Palette

#3B9591 #42A6A1 #A44178 #AD5486 #A46E41 #94633B

Square Palette

#378B87 #42A6A1 #6F4D99 #994D51 #78A441 #8EB35F

Tetradic Palette

#368884 #42A6A1 #2D34B9 #A44146 #B9B22D #C6C053

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #42A6A1 contains 66 red, 166 green, and 161 blue.

Contrast Ratio: 2.87:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.31:1