#314F5C Color

Color Information

HEX#314F5C
RGB49, 79, 92
HSL198° , 30% , 28%
HSV198° , 47% , 36%
CMYK47%, 14%, 0%, 64%

Lighter Shades

#4A6470 #627983 #7B8E97 #94A3AA #ADB9BE #C5CED1

Darker Shades

#2B4651 #253C46 #1F333B #192930 #142025 #0E161A

Complementary Palette

#2A444F #314F5C #50362B #5D3F32 #745A4F #4E6873

Analogous Palette

#384C48 #3D524D #2E4A56 #314F5C #3D4152 #4A4F64

Triadic Palette

#2B4651 #314F5C #642B53 #774468 #53642B #495826

Split Complementary Palette

#2C4753 #314F5C #5D323B #6D474F #5D5432 #544C2D

Square Palette

#29424D #314F5C #4F3956 #564239 #3B5D32 #5A7753

Tetradic Palette

#28414B #314F5C #3A256A #5D3F32 #556A25 #74854C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314F5C contains 49 red, 79 green, and 92 blue.

Contrast Ratio: 8.93:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.35:1