#2D83B4 Color

Color Information

HEX#2D83B4
RGB45, 131, 180
HSL202° , 60% , 44%
HSV202° , 75% , 71%
CMYK75%, 27%, 0%, 29%

Lighter Shades

#4692BD #5FA1C6 #79B0CF #92BFD8 #ABCDE1 #C4DCEA

Darker Shades

#28739E #226489 #1D5473 #17445E #123448 #0D2532

Complementary Palette

#27719B #2D83B4 #9B5127 #B45E2D #BF754A #4A94BF

Analogous Palette

#3F9287 #439D91 #2A7BA9 #2D83B4 #434F9D #5761A2

Triadic Palette

#28739E #2D83B4 #BF2285 #C73D94 #85BF22 #75A81E

Split Complementary Palette

#2976A2 #2D83B4 #B42D3F #BC4252 #B4A22D #A29229

Square Palette

#266E97 #2D83B4 #9938A8 #A86138 #3FB42D #5EC04F

Tetradic Palette

#256B94 #2D83B4 #5919C8 #B45E2D #88C819 #9DD242

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2D83B4 contains 45 red, 131 green, and 180 blue.

Contrast Ratio: 4.14:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.07:1