#2C83B0 Color

Color Information

HEX#2C83B0
RGB44, 131, 176
HSL200° , 60% , 43%
HSV200° , 75% , 69%
CMYK75%, 26%, 0%, 31%

Lighter Shades

#4592B9 #5FA1C3 #78B0CC #91BFD6 #ABCDDF #C4DCE9

Darker Shades

#27739B #216486 #1C5471 #17445C #123446 #0C2531

Complementary Palette

#267197 #2C83B0 #974C26 #AF582C #BA6F4A #4A94BB

Analogous Palette

#3C8B7F #429A8B #297BA5 #2C83B0 #42509A #54609C

Triadic Palette

#27739B #2C83B0 #BA2187 #C23C95 #87BA21 #77A41D

Split Complementary Palette

#28769E #2C83B0 #AF2C42 #B74155 #AF9A2C #9E8B28

Square Palette

#256E94 #2C83B0 #9237A4 #A45B37 #42AF2C #60BC4E

Tetradic Palette

#246B90 #2C83B0 #5118C3 #AF582C #8AC318 #9FCE42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2C83B0 contains 44 red, 131 green, and 176 blue.

Contrast Ratio: 4.17:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.03:1