#40A6D9 Color

Color Information

HEX#40A6D9
RGB64, 166, 217
HSL200° , 67% , 55%
HSV200° , 71% , 85%
CMYK71%, 24%, 0%, 15%

Lighter Shades

#57B1DE #6EBBE2 #85C6E7 #9CD1EB #B3DBF0 #CAE6F4

Darker Shades

#3892BF #317EA5 #296A8B #215671 #1A4257 #122E3D

Complementary Palette

#378FBB #40A6D9 #BB6336 #D9733F #DE875A #5BB2DE

Analogous Palette

#55AFA0 #56C2B0 #3C9CCC #40A6D9 #5668C2 #6272C6

Triadic Palette

#3892BF #40A6D9 #E534AA #E84CB4 #AAE534 #96CA2E

Split Complementary Palette

#3A95C3 #40A6D9 #D93F59 #DD526A #D9C03F #C3AD39

Square Palette

#368BB6 #40A6D9 #B84BCE #CE764B #59D93F #74DF5E

Tetradic Palette

#3488B2 #40A6D9 #6C2BEE #D9733F #ADEE2B #BCF151

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #40A6D9 contains 64 red, 166 green, and 217 blue.

Contrast Ratio: 2.7:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.78:1