#2C7EB0 Color

Color Information

HEX	#2C7EB0
RGB	44, 126, 176
HSL	203° , 60% , 43%
HSV	203° , 75% , 69%
CMYK	75%, 28%, 0%, 31%

Lighter Shades

#458DB9 #5F9DC3 #78ACCC #91BCD6 #ABCBDF #C4DBE9

Darker Shades

#276F9B #216086 #1C5171 #17425C #123246 #0C2331

Complementary Palette

#266C97 #2C7EB0 #975126 #AF5E2C #BA754A #4A90BB

Analogous Palette

#3C8B82 #429A8F #2976A5 #2C7EB0 #424C9A #545C9C

Triadic Palette

#276F9B #2C7EB0 #BA2180 #C23C8F #80BA21 #71A41D

Split Complementary Palette

#28719E #2C7EB0 #AF2C3B #B7414F #AFA02C #9E9028

Square Palette

#256A94 #2C7EB0 #9837A4 #A46137 #3BAF2C #5ABC4E

Tetradic Palette

#246790 #2C7EB0 #5A18C3 #AF5E2C #82C318 #99CE42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2C7EB0 contains 44 red, 126 green, and 176 blue.

Contrast Ratio: 4.41:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.76:1