#42A6F2 Color

Color Information

HEX#42A6F2
RGB66, 166, 242
HSL206° , 87% , 60%
HSV206° , 73% , 95%
CMYK73%, 31%, 0%, 5%

Lighter Shades

#59B1F4 #6FBBF5 #86C6F7 #9DD1F8 #B3DBFA #CAE6FB

Darker Shades

#3A92D5 #327EB8 #2A6A9B #22567E #1A4261 #122E44

Complementary Palette

#398FD0 #42A6F2 #D07937 #F28D40 #F49D5B #5CB2F4

Analogous Palette

#51C8C0 #55DDD4 #3E9CE3 #42A6F2 #555EDD #616AE0

Triadic Palette

#3A92D5 #42A6F2 #FC36A6 #FC4EB1 #A6FC36 #92DE30

Split Complementary Palette

#3B95DA #42A6F2 #F2404C #F3535E #F2E640 #DACF3A

Square Palette

#378BCB #42A6F2 #DD4AE8 #E88F4A #4CF240 #69F45F

Tetradic Palette

#3688C6 #42A6F2 #8B33FF #F28D40 #A7FF33 #B7FF58

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #42A6F2 contains 66 red, 166 green, and 242 blue.

Contrast Ratio: 2.6:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.07:1