#40A7D5 Color

Color Information

HEX#40A7D5
RGB64, 167, 213
HSL199° , 64% , 54%
HSV199° , 70% , 84%
CMYK70%, 22%, 0%, 16%

Lighter Shades

#57B2DA #6EBCDF #85C7E4 #9CD1E9 #B3DCEE #CAE6F3

Darker Shades

#3893BB #317FA2 #296B88 #21576F #1A4355 #122F3C

Complementary Palette

#3790B7 #40A7D5 #B75F36 #D56E3F #DB825A #5BB3DB

Analogous Palette

#54AB9B #56BDAA #3C9DC8 #40A7D5 #5669BD #6576C3

Triadic Palette

#3893BB #40A7D5 #E133AA #E54BB4 #AAE133 #96C62D

Split Complementary Palette

#3A96C0 #40A7D5 #D53F5A #D9526B #D5B93F #C0A739

Square Palette

#368CB3 #40A7D5 #B24AC9 #C9724A #5AD53F #74DC5E

Tetradic Palette

#3489AF #40A7D5 #662AEA #D56E3F #ADEA2A #BCEE50

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #40A7D5 contains 64 red, 167 green, and 213 blue.

Contrast Ratio: 2.69:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.81:1