#40A7E2 Color

Color Information

HEX	#40A7E2
RGB	64, 167, 226
HSL	202° , 74% , 57%
HSV	202° , 72% , 89%
CMYK	72%, 26%, 0%, 11%

Lighter Shades

#57B2E5 #6EBCE9 #85C7EC #9CD1F0 #B3DCF3 #CAE6F7

Darker Shades

#3893C7 #317FAC #296B91 #215776 #1A435A #122F3F

Complementary Palette

#3790C2 #40A7E2 #C26B37 #E27C40 #E68E5B #5BB3E6

Analogous Palette

#52B7A9 #56CDBD #3C9DD4 #40A7E2 #5666CD #6371CF

Triadic Palette

#3893C7 #40A7E2 #ED35AA #EF4DB4 #AAED35 #96D12F

Split Complementary Palette

#3A96CB #40A7E2 #E24056 #E55367 #E2CD40 #CBB93A

Square Palette

#368CBE #40A7E2 #C54BD8 #D87F4B #56E240 #71E75F

Tetradic Palette

#3489B9 #40A7E2 #762CF6 #E27C40 #ACF62C #BBF852

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #40A7E2 contains 64 red, 167 green, and 226 blue.

Contrast Ratio: 2.64:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.95:1