#316372 Color

Color Information

HEX	#316372
RGB	49, 99, 114
HSL	194° , 40% , 32%
HSV	194° , 57% , 45%
CMYK	57%, 13%, 0%, 55%

Lighter Shades

#4A7683 #628894 #7B9BA5 #94AEB6 #ADC1C7 #C5D3D8

Darker Shades

#2B5764 #254B57 #1F3F49 #19333B #14282E #0E1C20

Complementary Palette

#2A5562 #316372 #62372A #724031 #865B4E #4E7986

Analogous Palette

#3B5951 #416259 #2E5D6B #316372 #414A62 #50586D

Triadic Palette

#2B5764 #316372 #7A2967 #8A4379 #677A29 #5B6B24

Split Complementary Palette

#2C5967 #316372 #723142 #804655 #726131 #67572C

Square Palette

#295360 #316372 #5D396A #6A4539 #427231 #608952

Tetradic Palette

#28515D #316372 #382281 #724031 #6B8122 #86984A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #316372 contains 49 red, 99 green, and 114 blue.

Contrast Ratio: 6.68:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.14:1