#288EC2 Color

Color Information

HEX#288EC2
RGB40, 142, 194
HSL200° , 66% , 46%
HSV200° , 79% , 76%
CMYK79%, 27%, 0%, 24%

Lighter Shades

#429CC9 #5CA9D1 #75B7D8 #8FC4DF #A9D2E7 #C3DFEE

Darker Shades

#237DAB #1E6C93 #1A5B7C #154A65 #10394E #0B2836

Complementary Palette

#227AA7 #288EC2 #A84E22 #C35B28 #CB7246 #469ECB

Analogous Palette

#3A9C8C #3FAB99 #2685B6 #288EC2 #3F51AB #5060AF

Triadic Palette

#237DAB #288EC2 #CE1C93 #D437A0 #93CE1C #81B519

Split Complementary Palette

#2480AF #288EC2 #C32842 #C93E55 #C3A928 #B09824

Square Palette

#2277A3 #288EC2 #A134B7 #B75F34 #42C328 #60CD4A

Tetradic Palette

#21749F #288EC2 #5413D8 #C35B28 #96D813 #A9DF3D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #288EC2 contains 40 red, 142 green, and 194 blue.

Contrast Ratio: 3.62:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.81:1