#314B65 Color

Color Information

HEX	#314B65
RGB	49, 75, 101
HSL	210° , 35% , 29%
HSV	210° , 51% , 40%
CMYK	51%, 26%, 0%, 60%

Lighter Shades

#4A6177 #62768A #7B8C9C #94A1AF #ADB7C1 #C5CDD4

Darker Shades

#2B4259 #25394D #1F3041 #192735 #141E28 #0E151C

Complementary Palette

#2A4157 #314B65 #564029 #644A30 #7A634D #4E647B

Analogous Palette

#3B4F4F #3F5555 #2E475F #314B65 #3F3F55 #4C4C67

Triadic Palette

#2B4259 #314B65 #6B294A #7D4360 #4A6B29 #415E24

Split Complementary Palette

#2C445B #314B65 #643030 #744545 #646430 #5A5A2B

Square Palette

#293F55 #314B65 #5C375C #5C4A37 #306430 #517D51

Tetradic Palette

#283E53 #314B65 #4A2371 #644A30 #4A7123 #6B8B4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314B65 contains 49 red, 75 green, and 101 blue.

Contrast Ratio: 9.25:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.27:1