#2172BE Color

Color Information

HEX#2172BE
RGB33, 114, 190
HSL209° , 70% , 44%
HSV209° , 83% , 75%
CMYK83%, 40%, 0%, 25%

Lighter Shades

#3C83C6 #5694CE #71A5D5 #8CB6DD #A6C7E5 #C1D8ED

Darker Shades

#1D64A7 #195790 #15497A #113B63 #0D2E4C #092035

Complementary Palette

#1C62A3 #2172BE #A45F1D #BF6E22 #C88241 #4086C7

Analogous Palette

#349D9B #38A8A6 #1F6BB3 #2172BE #383AA8 #4D4FAC

Triadic Palette

#1D64A7 #2172BE #CA1673 #D03284 #73CA16 #65B213

Split Complementary Palette

#1E67AB #2172BE #BF2224 #C5383A #BFBC22 #ACA91F

Square Palette

#1C60A0 #2172BE #B12DB4 #B46E2D #24BF22 #47C945

Tetradic Palette

#1B5D9C #2172BE #6D0DD3 #BF6E22 #73D30D #8CDB39

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2172BE contains 33 red, 114 green, and 190 blue.

Contrast Ratio: 4.96:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.24:1