#1F455D Color

Color Information

HEX#1F455D
RGB31, 69, 93
HSL203° , 50% , 24%
HSV203° , 67% , 36%
CMYK67%, 26%, 0%, 64%

Lighter Shades

#3A5B70 #557284 #708897 #8B9EAB #A5B5BE #C0CBD2

Darker Shades

#1B3D52 #183447 #142C3C #102430 #0C1C25 #09131A

Complementary Palette

#1B3B50 #1F455D #4F2E1B #5C361F #73523E #3E5F74

Analogous Palette

#284845 #2B504B #1D4157 #1F455D #2B2F50 #404359

Triadic Palette

#1B3D52 #1F455D #621845 #75345B #456218 #3D5615

Split Complementary Palette

#1C3E54 #1F455D #5C1F26 #6C353C #5C551F #534D1C

Square Palette

#1A3A4E #1F455D #502556 #563725 #265C1F #497643

Tetradic Palette

#19394C #1F455D #331467 #5C361F #466714 #67823E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1F455D contains 31 red, 69 green, and 93 blue.

Contrast Ratio: 10.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2:1