#036EA0 Color

Color Information

HEX#036EA0
RGB3, 110, 160
HSL199° , 96% , 32%
HSV199° , 98% , 63%
CMYK98%, 31%, 0%, 37%

Lighter Shades

#217FAB #3F91B7 #5EA2C2 #7CB4CE #9AC5D9 #B8D6E4

Darker Shades

#03618D #02547A #024666 #023953 #012C40 #011F2D

Complementary Palette

#035F8A #036EA0 #8A2E03 #A03503 #AD5126 #2682AD

Analogous Palette

#12826E #149079 #036796 #036EA0 #142A90 #2A3D93

Triadic Palette

#03618D #036EA0 #A30070 #AE1F81 #70A300 #638F00

Split Complementary Palette

#036390 #036EA0 #A00320 #AA1C36 #A08303 #907603

Square Palette

#035C86 #036EA0 #7E0B98 #98380B #20A003 #44AF2B

Tetradic Palette

#025A83 #036EA0 #3400A3 #A03503 #70A300 #8AB42E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #036EA0 contains 3 red, 110 green, and 160 blue.

Contrast Ratio: 5.57:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.77:1