#2271AC Color

Color Information

HEX#2271AC
RGB34, 113, 172
HSL206° , 67% , 40%
HSV206° , 80% , 67%
CMYK80%, 34%, 0%, 33%

Lighter Shades

#3D82B6 #5793C0 #72A4CA #8CB5D4 #A7C6DE #C1D7E8

Darker Shades

#1E6397 #1A5683 #16486E #123B59 #0E2D45 #0A2030

Complementary Palette

#1D6194 #2271AC #92501D #AA5D22 #B67441 #4185B8

Analogous Palette

#328B85 #369690 #206AA2 #2271AC #363C96 #4B509B

Triadic Palette

#1E6397 #2271AC #B51770 #BE3381 #70B517 #639F14

Split Complementary Palette

#1F669B #2271AC #AA222B #B33840 #AAA122 #99911F

Square Palette

#1D5F90 #2271AC #982CA0 #A05E2C #2BAA22 #4DB845

Tetradic Palette

#1C5D8D #2271AC #5A0FBD #AA5D22 #72BD0F #8BC93A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2271AC contains 34 red, 113 green, and 172 blue.

Contrast Ratio: 5.19:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.04:1