#2B7EA7 Color

Color Information

HEX#2B7EA7
RGB43, 126, 167
HSL200° , 59% , 41%
HSV200° , 74% , 65%
CMYK74%, 25%, 0%, 35%

Lighter Shades

#448DB2 #5E9DBC #77ACC7 #91BCD1 #AACBDC #C4DBE6

Darker Shades

#266F93 #21607F #1C516B #164257 #113243 #0C232F

Complementary Palette

#256C90 #2B7EA7 #8F4825 #A6542B #B26C49 #4990B3

Analogous Palette

#3B877A #409184 #28769D #2B7EA7 #404D91 #545F96

Triadic Palette

#266F93 #2B7EA7 #B12081 #BA3B90 #81B120 #729C1C

Split Complementary Palette

#277196 #2B7EA7 #A62B3F #AF4052 #A6922B #958327

Square Palette

#246A8C #2B7EA7 #8B359C #9C5735 #3FA62B #5EB44D

Tetradic Palette

#236789 #2B7EA7 #4E18B9 #A6542B #83B918 #99C642

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2B7EA7 contains 43 red, 126 green, and 167 blue.

Contrast Ratio: 4.48:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.69:1