#366DE5 Color

Color Information

HEX#366DE5
RGB54, 109, 229
HSL221° , 77% , 55%
HSV221° , 76% , 90%
CMYK76%, 52%, 0%, 10%

Lighter Shades

#4E7FE8 #6690EB #7EA2EE #96B3F1 #AFC5F5 #C7D6F8

Darker Shades

#3060CA #2953AE #234693 #1C3977 #162C5C #0F1F40

Complementary Palette

#2E5EC5 #366DE5 #C5952D #E5AD34 #E9B850 #5281E9

Analogous Palette

#4AA6BA #4BB6CE #3366D7 #366DE5 #634BCE #715BD2

Triadic Palette

#3060CA #366DE5 #F02868 #F2427A #68F028 #5CD323

Split Complementary Palette

#3162CE #366DE5 #E55434 #E86548 #C4E534 #B0CE2F

Square Palette

#2D5CC0 #366DE5 #D93FBD #D9A83F #34E554 #54E96F

Tetradic Palette

#2C59BC #366DE5 #B41FF9 #E5AD34 #64F91F #80FA47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #366DE5 contains 54 red, 109 green, and 229 blue.

Contrast Ratio: 4.68:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.48:1