#40AAD4 Color

Color Information

HEX#40AAD4
RGB64, 170, 212
HSL197° , 63% , 54%
HSV197° , 70% , 83%
CMYK70%, 20%, 0%, 17%

Lighter Shades

#57B4D9 #6EBEDE #85C9E3 #9CD3E9 #B3DDEE #CAE7F3

Darker Shades

#3896BB #3181A1 #296D88 #21586E #1A4455 #12303B

Complementary Palette

#3792B6 #40AAD4 #B65B37 #D46A40 #DA7F5B #5BB6DA

Analogous Palette

#54AB98 #57BCA6 #3CA0C7 #40AAD4 #576DBC #667AC2

Triadic Palette

#3896BB #40AAD4 #DF34AF #E34CB9 #AFDF34 #9AC42E

Split Complementary Palette

#3A99BF #40AAD4 #D44060 #D85370 #D4B440 #BFA23A

Square Palette

#368FB2 #40AAD4 #AD4CC8 #C86F4C #60D440 #79DB5F

Tetradic Palette

#348BAE #40AAD4 #612BE9 #D46A40 #B3E92B #C1ED51

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #40AAD4 contains 64 red, 170 green, and 212 blue.

Contrast Ratio: 2.62:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.03:1