#314580 Color

Color Information

HEX#314580
RGB49, 69, 128
HSL225° , 45% , 35%
HSV225° , 62% , 50%
CMYK62%, 46%, 0%, 50%

Lighter Shades

#4A5B8F #62729E #7B88AE #949EBD #ADB5CC #C5CBDB

Darker Shades

#2B3D71 #253461 #1F2C52 #192443 #141C33 #0E1324

Complementary Palette

#2A3B6E #314580 #6F5E2A #816D31 #93814E #4E5F92

Analogous Palette

#3D5C66 #436470 #2E4178 #314580 #4E4370 #5E5676

Triadic Palette

#2B3D71 #314580 #8A2841 #984258 #418A28 #397923

Split Complementary Palette

#2C3E73 #314580 #814531 #8E5846 #6D8131 #62742C

Square Palette

#293A6C #314580 #783A69 #78693A #318145 #529563

Tetradic Palette

#283969 #314580 #752191 #816D31 #3D9121 #60A549

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314580 contains 49 red, 69 green, and 128 blue.

Contrast Ratio: 9.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.24:1