#2857AF Color

Color Information

HEX#2857AF
RGB40, 87, 175
HSL219° , 63% , 42%
HSV219° , 77% , 69%
CMYK77%, 50%, 0%, 31%

Lighter Shades

#426BB9 #5C7FC2 #7593CC #8FA8D5 #A9BCDF #C3D0E9

Darker Shades

#234D9A #1E4285 #1A3870 #152D5B #102346 #0B1831

Complementary Palette

#224B97 #2857AF #976D22 #AF7F28 #BA9146 #466FBA

Analogous Palette

#39818E #3D8B99 #2652A5 #2857AF #4B3D99 #5D519E

Triadic Palette

#234D9A #2857AF #B91D54 #C13869 #54B91D #4AA31A

Split Complementary Palette

#244E9E #2857AF #AF3C28 #B7503E #9AAF28 #8B9E24

Square Palette

#224993 #2857AF #A43293 #A47C32 #28AF3C #4ABC5B

Tetradic Palette

#214790 #2857AF #8514C2 #AF7F28 #51C214 #70CD3E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2857AF contains 40 red, 87 green, and 175 blue.

Contrast Ratio: 6.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.05:1