#40848C Color

Color Information

HEX	#40848C
RGB	64, 132, 140
HSL	186° , 37% , 40%
HSV	186° , 54% , 55%
CMYK	54%, 6%, 0%, 45%

Lighter Shades

#57939A #6EA2A8 #85B0B5 #9CBFC3 #B3CED1 #CADDDF

Darker Shades

#38747B #31646A #29545A #214549 #1A3538 #122527

Complementary Palette

#377278 #40848C #783E37 #8C4840 #9C625B #5B959C

Analogous Palette

#4E6E62 #557769 #3C7C84 #40848C #556377 #626F84

Triadic Palette

#38747B #40848C #96368C #A34E9A #8C9636 #7B8430

Split Complementary Palette

#3A777E #40848C #8C405E #98536E #8C6E40 #7E633A

Square Palette

#366F76 #40848C #6C4A82 #82504A #5E8C40 #789E5F

Tetradic Palette

#346C73 #40848C #392E9E #8C4840 #939E2E #A6AF54

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #40848C contains 64 red, 132 green, and 140 blue.

Contrast Ratio: 4.24:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.95:1