#256AA4 Color

Color Information

HEX#256AA4
RGB37, 106, 164
HSL207° , 63% , 39%
HSV207° , 77% , 64%
CMYK77%, 35%, 0%, 36%

Lighter Shades

#3F7CAF #598EBA #73A0C5 #8EB2D0 #A8C3DB #C2D5E6

Darker Shades

#215D90 #1C517D #184469 #133755 #0F2A42 #0A1E2E

Complementary Palette

#205B8D #256AA4 #8B5020 #A25D25 #AF7444 #447FB1

Analogous Palette

#34837F #398E8A #23649A #256AA4 #393D8E #4C5094

Triadic Palette

#215D90 #256AA4 #AC1B6B #B6367D #6BAC1B #5E9718

Split Complementary Palette

#215F94 #256AA4 #A2252B #AB3B40 #A29C25 #928C21

Square Palette

#1F598A #256AA4 #932F98 #985E2F #2BA225 #4DB148

Tetradic Palette

#1E5786 #256AA4 #5B13B4 #A25D25 #6CB413 #86C23D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #256AA4 contains 37 red, 106 green, and 164 blue.

Contrast Ratio: 5.7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.68:1