#366DB4 Color

Color Information

HEX#366DB4
RGB54, 109, 180
HSL214° , 54% , 46%
HSV214° , 70% , 71%
CMYK70%, 39%, 0%, 29%

Lighter Shades

#4E7FBD #6690C6 #7EA2CF #96B3D8 #AFC5E1 #C7D6EA

Darker Shades

#30609E #295389 #234673 #1C395E #162C48 #0F1F32

Complementary Palette

#2E5E9B #366DB4 #9C6C2E #B57E36 #BF9052 #5281BF

Analogous Palette

#488D93 #4D989D #3366A9 #366DB4 #534D9D #635EA1

Triadic Palette

#30609E #366DB4 #C02A6B #C8447D #6BC02A #5EA925

Split Complementary Palette

#3162A2 #366DB4 #B53E36 #BC514A #ACB536 #9BA331

Square Palette

#2D5C97 #366DB4 #A942A2 #A97C42 #36B53E #56C15D

Tetradic Palette

#2C5994 #366DB4 #8121CA #B57E36 #6ACA21 #85D449

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #366DB4 contains 54 red, 109 green, and 180 blue.

Contrast Ratio: 5.23:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.02:1