#1F488E Color

Color Information

HEX	#1F488E
RGB	31, 72, 142
HSL	218° , 64% , 34%
HSV	218° , 78% , 56%
CMYK	78%, 49%, 0%, 44%

Lighter Shades

#3A5E9C #5574A9 #708AB7 #8BA0C4 #A5B6D2 #C0CCDF

Darker Shades

#1B3F7D #18376C #142E5B #10254A #0C1D39 #091428

Complementary Palette

#1B3E7A #1F488E #7A571B #8E651F #9E7B3E #3E629E

Analogous Palette

#2C6972 #31737D #1D4485 #1F488E #3B317D #4D4582

Triadic Palette

#1B3F7D #1F488E #971746 #A3335C #469717 #3E8514

Split Complementary Palette

#1C4180 #1F488E #8E2E1F #994335 #7F8E1F #72801C

Square Palette

#1A3C77 #1F488E #862879 #866328 #1F8E2E #43A04F

Tetradic Palette

#193B74 #1F488E #6A109E #8E651F #449E10 #66AF3B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1F488E contains 31 red, 72 green, and 142 blue.

Contrast Ratio: 9.03:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.33:1