#36699B Color

Color Information

HEX#36699B
RGB54, 105, 155
HSL210° , 48% , 41%
HSV210° , 65% , 61%
CMYK65%, 32%, 0%, 39%

Lighter Shades

#4E7BA7 #668DB3 #7E9FBF #96B1CB #AFC3D7 #C7D5E3

Darker Shades

#305C88 #295076 #234363 #1C3751 #162A3E #0F1D2B

Complementary Palette

#2E5A85 #36699B #855A2E #9B6936 #A97E52 #527EA9

Analogous Palette

#467C7C #4B8686 #336392 #36699B #4B4B86 #5E5E8D

Triadic Palette

#305C88 #36699B #A52C69 #B0457B #69A52C #5C9127

Split Complementary Palette

#315F8C #36699B #9B3636 #A54A4A #9B9B36 #8C8C31

Square Palette

#2D5882 #36699B #904190 #906941 #369B36 #56AB56

Tetradic Palette

#2C567F #36699B #6924AE #9B6936 #69AE24 #84BD4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #36699B contains 54 red, 105 green, and 155 blue.

Contrast Ratio: 5.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.65:1