#40A5C5 Color

Color Information

HEX	#40A5C5
RGB	64, 165, 197
HSL	194° , 53% , 51%
HSV	194° , 68% , 77%
CMYK	68%, 16%, 0%, 23%

Lighter Shades

#57B0CC #6EBBD3 #85C5DA #9CD0E1 #B3DBE8 #CAE6EF

Darker Shades

#3891AD #317D96 #296A7E #215666 #1A424F #122E37

Complementary Palette

#378EA9 #40A5C5 #A95237 #C45F40 #CC755B #5BB2CD

Analogous Palette

#539D89 #59AB95 #3C9BB9 #40A5C5 #596FAB #667BB2

Triadic Palette

#3891AD #40A5C5 #D133AC #D74BB6 #ACD133 #97B82D

Split Complementary Palette

#3A95B1 #40A5C5 #C44063 #CA5373 #C4A140 #B0913A

Square Palette

#368BA5 #40A5C5 #9B4CB8 #B8654C #63C440 #7CCD5F

Tetradic Palette

#3487A2 #40A5C5 #5329DB #C45F40 #B1DB29 #BFE150

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #40A5C5 contains 64 red, 165 green, and 197 blue.

Contrast Ratio: 2.8:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.51:1