#1F3E82 Color

Color Information

HEX#1F3E82
RGB31, 62, 130
HSL221° , 61% , 32%
HSV221° , 76% , 51%
CMYK76%, 52%, 0%, 49%

Lighter Shades

#3A5591 #556CA0 #7083AF #8B9BBE #A5B2CD #C0C9DC

Darker Shades

#1B3772 #182F63 #142853 #102044 #0C1934 #091124

Complementary Palette

#1B3570 #1F3E82 #71561C #836420 #947A3F #3E5994

Analogous Palette

#2C5D68 #306773 #1D3A7A #1F3E82 #3C3073 #4E4479

Triadic Palette

#1B3772 #1F3E82 #8C183C #9A3453 #3C8C18 #357B15

Split Complementary Palette

#1C3875 #1F3E82 #833220 #8F4736 #718320 #66761D

Square Palette

#1A346D #1F3E82 #7B286C #7B6128 #208332 #449753

Tetradic Palette

#19336B #1F3E82 #691192 #836420 #3A9211 #5DA63C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1F3E82 contains 31 red, 62 green, and 130 blue.

Contrast Ratio: 10.47:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.01:1