#215BA5 Color

Color Information

HEX	#215BA5
RGB	33, 91, 165
HSL	214° , 67% , 39%
HSV	214° , 80% , 65%
CMYK	80%, 45%, 0%, 35%

Lighter Shades

#3C6FB0 #5682BB #7196C5 #8CAAD0 #A6BDDB #C1D1E6

Darker Shades

#1D5091 #19457D #153A6A #112F56 #0D2442 #09192E

Complementary Palette

#1C4E8E #215BA5 #8F5D1C #A66C21 #B28140 #4072B2

Analogous Palette

#318187 #358C92 #1F569B #215BA5 #3B3592 #4F4A96

Triadic Palette

#1D5091 #215BA5 #B01759 #B9336D #59B017 #4E9B14

Split Complementary Palette

#1E5295 #215BA5 #A62A21 #AF3F37 #9DA621 #8D951E

Square Palette

#1C4C8B #215BA5 #9C2B95 #9C6B2B #21A62A #45B44C

Tetradic Palette

#1B4B87 #215BA5 #6F0FB8 #A66C21 #58B80F #76C53A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #215BA5 contains 33 red, 91 green, and 165 blue.

Contrast Ratio: 6.81:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.08:1