#42BDF2 Color

Color Information

HEX	#42BDF2
RGB	66, 189, 242
HSL	198° , 87% , 60%
HSV	198° , 73% , 95%
CMYK	73%, 22%, 0%, 5%

Lighter Shades

#59C5F4 #6FCDF5 #86D5F7 #9DDDF8 #B3E5FA #CAEDFB

Darker Shades

#3AA6D5 #3290B8 #2A799B #22627E #1A4C61 #123544

Complementary Palette

#39A3D0 #42BDF2 #D06537 #F27640 #F4895B #5CC6F4

Analogous Palette

#51C8B0 #55DDC2 #3EB2E3 #42BDF2 #5570DD #617BE0

Triadic Palette

#3AA6D5 #42BDF2 #FC36C1 #FC4EC8 #C1FC36 #AADE30

Split Complementary Palette

#3BAADA #42BDF2 #F24064 #F35374 #F2CE40 #DAB93A

Square Palette

#379FCB #42BDF2 #C84AE8 #E87A4A #64F240 #7DF45F

Tetradic Palette

#369BC6 #42BDF2 #7033FF #F27640 #C2FF33 #CDFF58

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #42BDF2 contains 66 red, 189 green, and 242 blue.

Contrast Ratio: 2.12:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.91:1