#1F5168 Color

Color Information

HEX#1F5168
RGB31, 81, 104
HSL199° , 54% , 26%
HSV199° , 70% , 41%
CMYK70%, 22%, 0%, 59%

Lighter Shades

#3A667A #557B8C #70909E #8BA5B0 #A5B9C3 #C0CED5

Darker Shades

#1B475C #183E4F #143443 #102A36 #0C202A #09171D

Complementary Palette

#1B4659 #1F5168 #582E1A #66351E #7B513E #3E697D

Analogous Palette

#28524A #2B5A51 #1D4C62 #1F5168 #2B345A #404763

Triadic Palette

#1B475C #1F5168 #6D1752 #7F3367 #526D17 #486014

Split Complementary Palette

#1C495E #1F5168 #661E2C #753541 #66591E #5C501B

Square Palette

#1A4457 #1F5168 #552460 #603724 #2C661E #4E7E42

Tetradic Palette

#194255 #1F5168 #311273 #66351E #547312 #738C3D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1F5168 contains 31 red, 81 green, and 104 blue.

Contrast Ratio: 8.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.39:1