#366AA6 Color

Color Information

HEX#366AA6
RGB54, 106, 166
HSL212° , 51% , 43%
HSV212° , 67% , 65%
CMYK67%, 36%, 0%, 35%

Lighter Shades

#4E7CB1 #668EBB #7EA0C6 #96B2D1 #AFC3DB #C7D5E6

Darker Shades

#305D92 #29517E #23446A #1C3756 #162A42 #0F1E2E

Complementary Palette

#2E5B8F #366AA6 #8F612E #A67136 #B28552 #527FB2

Analogous Palette

#468486 #4C8D90 #33649C #366AA6 #4E4C90 #615F95

Triadic Palette

#305D92 #366AA6 #B12B69 #BA447B #69B12B #5C9C26

Split Complementary Palette

#315F95 #366AA6 #A63936 #AF4D4A #A2A636 #929531

Square Palette

#2D598B #366AA6 #9B4198 #9B7141 #36A639 #56B459

Tetradic Palette

#2C5788 #366AA6 #7322B9 #A67136 #69B922 #84C64A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #366AA6 contains 54 red, 106 green, and 166 blue.

Contrast Ratio: 5.56:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.78:1