#42BAD9 Color

Color Information

HEX#42BAD9
RGB66, 186, 217
HSL192° , 67% , 55%
HSV192° , 70% , 85%
CMYK70%, 14%, 0%, 15%

Lighter Shades

#59C2DE #6FCBE2 #86D3E7 #9DDBEB #B3E3F0 #CAECF4

Darker Shades

#3AA4BF #328DA5 #2A778B #226171 #1A4A57 #12343D

Complementary Palette

#39A0BB #42BAD9 #BB5136 #D95E3F #DE755A #5CC4DE

Analogous Palette

#55AF94 #56C2A2 #3EAFCC #42BAD9 #5677C2 #6280C6

Triadic Palette

#3AA4BF #42BAD9 #E534C1 #E84CC8 #C1E534 #AACA2E

Split Complementary Palette

#3BA7C3 #42BAD9 #D93F6D #DD527C #D9AB3F #C39A39

Square Palette

#379CB6 #42BAD9 #A64BCE #CE654B #6DD93F #84DF5E

Tetradic Palette

#3699B2 #42BAD9 #522BEE #D95E3F #C7EE2B #D1F151

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #42BAD9 contains 66 red, 186 green, and 217 blue.

Contrast Ratio: 2.24:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.37:1