#2D8CB4 Color

Color Information

HEX#2D8CB4
RGB45, 140, 180
HSL198° , 60% , 44%
HSV198° , 75% , 71%
CMYK75%, 22%, 0%, 29%

Lighter Shades

#469ABD #5FA8C6 #79B5CF #92C3D8 #ABD1E1 #C4DFEA

Darker Shades

#287B9E #226A89 #1D5A73 #17495E #123848 #0D2732

Complementary Palette

#27789B #2D8CB4 #9B4927 #B4552D #BF6D4A #4A9CBF

Analogous Palette

#3F9282 #439D8B #2A84A9 #2D8CB4 #43559D #5766A2

Triadic Palette

#287B9E #2D8CB4 #BF2290 #C73D9D #90BF22 #7FA81E

Split Complementary Palette

#297EA2 #2D8CB4 #B42D48 #BC425A #B4992D #A28A29

Square Palette

#267697 #2D8CB4 #9238A8 #A85A38 #48B42D #65C04F

Tetradic Palette

#257394 #2D8CB4 #4D19C8 #B4552D #93C819 #A6D242

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2D8CB4 contains 45 red, 140 green, and 180 blue.

Contrast Ratio: 3.76:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.59:1