#1F4164 Color

Color Information

HEX#1F4164
RGB31, 65, 100
HSL210° , 53% , 26%
HSV210° , 69% , 39%
CMYK69%, 35%, 0%, 61%

Lighter Shades

#3A5877 #556F89 #70859C #8B9CAE #A5B3C1 #C0CAD4

Darker Shades

#1B3958 #18314C #142A40 #102234 #0C1A28 #09121C

Complementary Palette

#1B3856 #1F4164 #57391B #65421F #7B5C3E #3E5C7A

Analogous Palette

#2A5151 #2C5858 #1D3D5E #1F4164 #2C2C58 #414162

Triadic Palette

#1B3958 #1F4164 #6C1942 #7E3559 #426C19 #3A5F16

Split Complementary Palette

#1C3B5A #1F4164 #651F1F #743535 #65651F #5B5B1C

Square Palette

#1A3754 #1F4164 #5F265F #5F4226 #1F651F #437E43

Tetradic Palette

#193552 #1F4164 #421371 #65421F #427113 #648B3D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1F4164 contains 31 red, 65 green, and 100 blue.

Contrast Ratio: 10.87:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.93:1