#369FB4 Color

Color Information

HEX#369FB4
RGB54, 159, 180
HSL190° , 54% , 46%
HSV190° , 70% , 71%
CMYK70%, 12%, 0%, 29%

Lighter Shades

#4EABBD #66B6C6 #7EC2CF #96CDD8 #AFD9E1 #C7E4EA

Darker Shades

#308C9E #297989 #236673 #1C535E #164048 #0F2D32

Complementary Palette

#2E899B #369FB4 #9C412E #B54B36 #BF6452 #52ACBF

Analogous Palette

#489379 #4D9D83 #3395A9 #369FB4 #4D689D #5E74A1

Triadic Palette

#308C9E #369FB4 #C02AA7 #C844B2 #A7C02A #93A925

Split Complementary Palette

#318FA2 #369FB4 #B53660 #BC4A70 #B58A36 #A37C31

Square Palette

#2D8697 #369FB4 #8742A9 #A95342 #60B536 #79C156

Tetradic Palette

#2C8294 #369FB4 #3D21CA #B54B36 #AECA21 #BDD449

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #369FB4 contains 54 red, 159 green, and 180 blue.

Contrast Ratio: 3.06:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.87:1