#40669C Color

Color Information

HEX#40669C
RGB64, 102, 156
HSL215° , 42% , 43%
HSV215° , 59% , 61%
CMYK59%, 35%, 0%, 39%

Lighter Shades

#5778A8 #6E8BB4 #859DC0 #9CAFCC #B3C2D7 #CAD4E3

Darker Shades

#385A89 #314E77 #294164 #213551 #1A293E #121D2C

Complementary Palette

#375886 #40669C #866537 #9C7540 #AA885B #5B7BAA

Analogous Palette

#50787C #568286 #3C6093 #40669C #5A5686 #6B688D

Triadic Palette

#385A89 #40669C #A73564 #B24D77 #64A735 #58932F

Split Complementary Palette

#3A5C8C #40669C #9C4740 #A65953 #949C40 #858C3A

Square Palette

#365683 #40669C #914B8B #91734B #409C47 #5FAC64

Tetradic Palette

#345480 #40669C #792CAF #9C7540 #63AF2C #7FBD52

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #40669C contains 64 red, 102 green, and 156 blue.

Contrast Ratio: 5.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.6:1