#42AFC6 Color

Color Information

HEX#42AFC6
RGB66, 175, 198
HSL190° , 54% , 52%
HSV190° , 67% , 78%
CMYK67%, 12%, 0%, 22%

Lighter Shades

#59B9CD #6FC2D4 #86CCDB #9DD5E1 #B3DFE8 #CAE9EF

Darker Shades

#3A9AAE #328596 #2A707F #225B67 #1A464F #123137

Complementary Palette

#3997AA #42AFC6 #AB4D3A #C75943 #CF705D #5CBACE

Analogous Palette

#579E86 #5BAE92 #3EA5BA #42AFC6 #5B77AE #6982B5

Triadic Palette

#3A9AAE #42AFC6 #D336B9 #D84EC1 #B9D336 #A3BA30

Split Complementary Palette

#3B9EB2 #42AFC6 #C7436F #CD567D #C79B43 #B38C3C

Square Palette

#3793A6 #42AFC6 #974FBA #BA614F #6FC743 #86D061

Tetradic Palette

#3690A2 #42AFC6 #4A2CDD #C75943 #BFDD2C #CBE352

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #42AFC6 contains 66 red, 175 green, and 198 blue.

Contrast Ratio: 2.53:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.29:1