#366CBB Color

Color Information

HEX#366CBB
RGB54, 108, 187
HSL216° , 55% , 47%
HSV216° , 71% , 73%
CMYK71%, 42%, 0%, 27%

Lighter Shades

#4E7EC3 #668FCB #7EA1D3 #96B3DC #AFC4E4 #C7D6EC

Darker Shades

#305FA5 #29528E #234578 #1C3861 #162B4B #0F1E34

Complementary Palette

#2E5DA1 #366CBB #A0722E #BA8536 #C49652 #5281C5

Analogous Palette

#478C94 #4E99A2 #3366B0 #366CBB #564EA2 #655EA6

Triadic Palette

#305FA5 #366CBB #C62A68 #CD447A #68C62A #5CAE25

Split Complementary Palette

#3161A8 #366CBB #BA4336 #C1564A #ADBA36 #9CA731

Square Palette

#2D5B9D #366CBB #AE42A3 #AE8342 #36BA43 #56C561

Tetradic Palette

#2C5999 #366CBB #8920CF #BA8536 #66CF20 #82D848

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #366CBB contains 54 red, 108 green, and 187 blue.

Contrast Ratio: 5.21:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.03:1