#288EA3 Color

Color Information

HEX#288EA3
RGB40, 142, 163
HSL190° , 61% , 40%
HSV190° , 75% , 64%
CMYK75%, 13%, 0%, 36%

Lighter Shades

#429CAE #5CA9B9 #75B7C4 #8FC4CF #A9D2DA #C3DFE5

Darker Shades

#237D8F #1E6C7C #1A5B68 #154A55 #103941 #0B282E

Complementary Palette

#227A8C #288EA3 #8D3422 #A43D28 #B15846 #469EB0

Analogous Palette

#38856B #3C9074 #268599 #288EA3 #3C5890 #506795

Triadic Palette

#237D8F #288EA3 #AE1E96 #B839A3 #96AE1E #84991A

Split Complementary Palette

#248093 #288EA3 #A42851 #AD3E62 #A47B28 #946F24

Square Palette

#227789 #288EA3 #77329A #9A4332 #51A428 #6DB34A

Tetradic Palette

#217486 #288EA3 #3015B7 #A43D28 #9CB715 #AEC43F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #288EA3 contains 40 red, 142 green, and 163 blue.

Contrast Ratio: 3.78:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.56:1