#2D819E Color

Color Information

HEX#2D819E
RGB45, 129, 158
HSL195° , 56% , 40%
HSV195° , 72% , 62%
CMYK72%, 18%, 0%, 38%

Lighter Shades

#4690AA #5F9FB5 #79AEC1 #92BDCD #ABCDD8 #C4DCE4

Darker Shades

#28728B #226278 #1D5365 #174352 #12343F #0D242C

Complementary Palette

#276F88 #2D819E #893F27 #9F492D #AC624A #4A93AC

Analogous Palette

#3C8070 #418B78 #2A7995 #2D819E #41548B #556491

Triadic Palette

#28728B #2D819E #A92388 #B33D96 #88A923 #78951F

Split Complementary Palette

#29748E #2D819E #9F2D49 #A9425B #9F832D #8F7629

Square Palette

#266C85 #2D819E #7D3795 #954F37 #499F2D #66AE4F

Tetradic Palette

#256A82 #2D819E #401BB1 #9F492D #8CB11B #A1BF44

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2D819E contains 45 red, 129 green, and 158 blue.

Contrast Ratio: 4.38:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.79:1