#1F6470 Color

Color Information

HEX#1F6470
RGB31, 100, 112
HSL189° , 57% , 28%
HSV189° , 72% , 44%
CMYK72%, 11%, 0%, 56%

Lighter Shades

#3A7781 #558992 #709CA3 #8BAEB5 #A5C1C6 #C0D4D7

Darker Shades

#1B5863 #184C55 #144048 #10343A #0C282D #091C1F

Complementary Palette

#1B5660 #1F6470 #60251B #702B1F #84493E #3E7A84

Analogous Palette

#2A5A49 #2D624F #1D5E69 #1F6470 #2D3F62 #43516B

Triadic Palette

#1B5863 #1F6470 #771869 #87347B #697718 #5C6915

Split Complementary Palette

#1C5A65 #1F6470 #701F3B #7E354F #70541F #654C1C

Square Palette

#1A545E #1F6470 #512669 #693026 #3B701F #5A8743

Tetradic Palette

#19525C #1F6470 #22127D #702B1F #6D7D12 #87943D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1F6470 contains 31 red, 100 green, and 112 blue.

Contrast Ratio: 6.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.1:1