#40AAE3 Color

Color Information

HEX#40AAE3
RGB64, 170, 227
HSL201° , 74% , 57%
HSV201° , 72% , 89%
CMYK72%, 25%, 0%, 11%

Lighter Shades

#57B4E6 #6EBEEA #85C9ED #9CD3F0 #B3DDF4 #CAE7F7

Darker Shades

#3896C8 #3181AD #296D91 #215876 #1A445B #123040

Complementary Palette

#3792C3 #40AAE3 #C26837 #E27940 #E68C5B #5BB6E7

Analogous Palette

#52B7A8 #56CDBB #3CA0D5 #40AAE3 #5668CD #6373CF

Triadic Palette

#3896C8 #40AAE3 #ED35AD #EF4DB7 #ADED35 #98D12F

Split Complementary Palette

#3A99CC #40AAE3 #E24059 #E5536A #E2CA40 #CBB63A

Square Palette

#368FBF #40AAE3 #C24BD8 #D87C4B #59E240 #74E75F

Tetradic Palette

#348BBA #40AAE3 #732CF6 #E27940 #B0F62C #BEF852

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #40AAE3 contains 64 red, 170 green, and 227 blue.

Contrast Ratio: 2.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.18:1