#2287A0 Color

Color Information

HEX#2287A0
RGB34, 135, 160
HSL192° , 65% , 38%
HSV192° , 79% , 63%
CMYK79%, 16%, 0%, 37%

Lighter Shades

#3D95AB #57A4B7 #72B2C2 #8CC1CE #A7CFD9 #C1DDE4

Darker Shades

#1E778D #1A677A #165666 #124653 #0E3640 #0A262D

Complementary Palette

#1D748A #2287A0 #8A331D #A03B22 #AD5641 #4198AD

Analogous Palette

#318169 #358D72 #207F96 #2287A0 #354F8D #495F92

Triadic Palette

#1E778D #2287A0 #AA188D #B4349B #8DAA18 #7C9615

Split Complementary Palette

#1F7A90 #2287A0 #A02248 #AA385A #A07A22 #906E1F

Square Palette

#1D7186 #2287A0 #762C96 #96412C #48A022 #65AF45

Tetradic Palette

#1C6F83 #2287A0 #3110B1 #A03B22 #91B110 #A5BF3B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2287A0 contains 34 red, 135 green, and 160 blue.

Contrast Ratio: 4.12:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.1:1