#40A5B3 Color

Color Information

HEX	#40A5B3
RGB	64, 165, 179
HSL	187° , 47% , 48%
HSV	187° , 64% , 70%
CMYK	64%, 8%, 0%, 30%

Lighter Shades

#57B0BC #6EBBC5 #85C5CE #9CD0D7 #B3DBE1 #CAE6EA

Darker Shades

#38919E #317D88 #296A73 #21565D #1A4248 #122E32

Complementary Palette

#378E9A #40A5B3 #9B4338 #B44E41 #BF675C #5BB2BE

Analogous Palette

#528E77 #599B82 #3C9BA8 #40A5B3 #59739B #687EA1

Triadic Palette

#38919E #40A5B3 #C035B0 #C84DB9 #B0C035 #9BA92F

Split Complementary Palette

#3A95A1 #40A5B3 #B4416D #BC547C #B48841 #A27A3B

Square Palette

#368B96 #40A5B3 #854DA8 #A8584D #6DB441 #84C05F

Tetradic Palette

#348793 #40A5B3 #3D2BCA #B44E41 #B7CA2B #C4D451

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #40A5B3 contains 64 red, 165 green, and 179 blue.

Contrast Ratio: 2.85:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.36:1