#40ACC5 Color

Color Information

HEX#40ACC5
RGB64, 172, 197
HSL191° , 53% , 51%
HSV191° , 68% , 77%
CMYK68%, 13%, 0%, 23%

Lighter Shades

#57B6CC #6EC0D3 #85CADA #9CD4E1 #B3DEE8 #CAE8EF

Darker Shades

#3897AD #318396 #296E7E #215966 #1A454F #123037

Complementary Palette

#3794A9 #40ACC5 #A94C37 #C45840 #CC6F5B #5BB8CD

Analogous Palette

#539D85 #59AB91 #3CA2B9 #40ACC5 #5973AB #667EB2

Triadic Palette

#3897AD #40ACC5 #D133B4 #D74BBD #B4D133 #9EB82D

Split Complementary Palette

#3A9BB1 #40ACC5 #C4406A #CA5379 #C49A40 #B08B3A

Square Palette

#3690A5 #40ACC5 #964CB8 #B8604C #6AC440 #82CD5F

Tetradic Palette

#348DA2 #40ACC5 #4A29DB #C45840 #BADB29 #C6E150

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #40ACC5 contains 64 red, 172 green, and 197 blue.

Contrast Ratio: 2.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.04:1