#318CAF Color

Color Information

HEX#318CAF
RGB49, 140, 175
HSL197° , 56% , 44%
HSV197° , 72% , 69%
CMYK72%, 20%, 0%, 31%

Lighter Shades

#4A9AB9 #62A8C2 #7BB5CC #94C3D5 #ADD1DF #C5DFE9

Darker Shades

#2B7B9A #256A85 #1F5A70 #19495B #143846 #0E2731

Complementary Palette

#2A7897 #318CAF #97492A #AF5531 #BA6D4E #4E9CBA

Analogous Palette

#418B7B #489987 #2E84A5 #318CAF #485999 #59689B

Triadic Palette

#2B7B9A #318CAF #BA2690 #C2409D #90BA26 #7FA421

Split Complementary Palette

#2C7E9E #318CAF #AF314D #B7465F #AF9431 #9E852C

Square Palette

#297693 #318CAF #8D3DA4 #A45A3D #4DAF31 #69BC52

Tetradic Palette

#287390 #318CAF #4C1DC3 #AF5531 #94C31D #A7CE46

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #318CAF contains 49 red, 140 green, and 175 blue.

Contrast Ratio: 3.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.57:1