#317EAC Color

Color Information

HEX#317EAC
RGB49, 126, 172
HSL202° , 56% , 43%
HSV202° , 72% , 67%
CMYK72%, 27%, 0%, 33%

Lighter Shades

#4A8DB6 #629DC0 #7BACCA #94BCD4 #ADCBDE #C5DBE8

Darker Shades

#2B6F97 #256083 #1F516E #194259 #143245 #0E2330

Complementary Palette

#2A6C94 #317EAC #935029 #AB5D30 #B7744D #4E90B8

Analogous Palette

#40877F #46958B #2E76A2 #317EAC #465195 #59629B

Triadic Palette

#2B6F97 #317EAC #B62581 #BF3F90 #81B625 #72A021

Split Complementary Palette

#2C719B #317EAC #AB3041 #B34554 #AB9B30 #9A8C2B

Square Palette

#296A90 #317EAC #933BA0 #A0603B #41AB30 #5FB851

Tetradic Palette

#28678D #317EAC #581DBF #AB5D30 #83BF1D #99CB46

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #317EAC contains 49 red, 126 green, and 172 blue.

Contrast Ratio: 4.42:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.75:1