#316AA7 Color

Color Information

HEX#316AA7
RGB49, 106, 167
HSL211° , 55% , 42%
HSV211° , 71% , 65%
CMYK71%, 37%, 0%, 35%

Lighter Shades

#4A7CB2 #628EBC #7BA0C7 #94B2D1 #ADC3DC #C5D5E6

Darker Shades

#2B5D93 #25517F #1F446B #193757 #142A43 #0E1E2F

Complementary Palette

#2A5B90 #316AA7 #8F5E29 #A66D30 #B2814D #4E7FB3

Analogous Palette

#418586 #468F91 #2E649D #316AA7 #474691 #5B5A96

Triadic Palette

#2B5D93 #316AA7 #B12569 #BA3F7B #69B125 #5C9C21

Split Complementary Palette

#2C5F96 #316AA7 #A63230 #AF4745 #A4A630 #94952B

Square Palette

#29598C #316AA7 #9B3B9A #9B6D3B #30A632 #51B453

Tetradic Palette

#285789 #316AA7 #6E1DB9 #A66D30 #68B91D #83C646

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #316AA7 contains 49 red, 106 green, and 167 blue.

Contrast Ratio: 5.59:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.76:1