#216AA5 Color

Color Information

HEX	#216AA5
RGB	33, 106, 165
HSL	207° , 67% , 39%
HSV	207° , 80% , 65%
CMYK	80%, 36%, 0%, 35%

Lighter Shades

#3C7CB0 #568EBB #71A0C5 #8CB2D0 #A6C3DB #C1D5E6

Darker Shades

#1D5D91 #19517D #15446A #113756 #0D2A42 #091E2E

Complementary Palette

#1C5B8E #216AA5 #8F501C #A65D21 #B27440 #407FB2

Analogous Palette

#318783 #35928E #1F649B #216AA5 #353992 #4A4D96

Triadic Palette

#1D5D91 #216AA5 #B0176B #B9337D #6BB017 #5E9B14

Split Complementary Palette

#1E5F95 #216AA5 #A62127 #AF373D #A69F21 #958F1E

Square Palette

#1C598B #216AA5 #962B9C #9C5E2B #27A621 #4AB445

Tetradic Palette

#1B5787 #216AA5 #5B0FB8 #A65D21 #6CB80F #86C53A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #216AA5 contains 33 red, 106 green, and 165 blue.

Contrast Ratio: 5.71:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.68:1