#42A4B8 Color

Color Information

HEX#42A4B8
RGB66, 164, 184
HSL190° , 47% , 49%
HSV190° , 64% , 72%
CMYK64%, 11%, 0%, 28%

Lighter Shades

#59AFC1 #6FBAC9 #86C5D2 #9DD0DA #B3DBE3 #CAE6EB

Darker Shades

#3A90A2 #327D8C #2A6976 #225560 #1A424A #122E34

Complementary Palette

#398D9E #42A4B8 #9E4A39 #B85642 #C26E5C #5CB1C2

Analogous Palette

#54927D #5B9F88 #3E9AAD #42A4B8 #5B729F #687DA6

Triadic Palette

#3A90A2 #42A4B8 #C436AC #CB4EB6 #ACC436 #97AC30

Split Complementary Palette

#3B94A6 #42A4B8 #B84269 #BF5578 #B89142 #A6833B

Square Palette

#378A9B #42A4B8 #8C4FAB #AB5E4F #69B842 #81C360

Tetradic Palette

#368697 #42A4B8 #472CCE #B85642 #B3CE2C #C1D752

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #42A4B8 contains 66 red, 164 green, and 184 blue.

Contrast Ratio: 2.86:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.34:1