#1F307E Color

Color Information

HEX#1F307E
RGB31, 48, 126
HSL229° , 61% , 31%
HSV229° , 75% , 49%
CMYK75%, 62%, 0%, 51%

Lighter Shades

#3A498D #55629D #707BAC #8B93BC #A5ACCB #C0C5DB

Darker Shades

#1B2A6F #182460 #141F51 #101942 #0C1332 #090D23

Complementary Palette

#1B296C #1F307E #6D5F1B #7F6E1F #91823E #3E4D90

Analogous Palette

#2C5568 #2F5B6F #1D2D76 #1F307E #432F6F #534375

Triadic Palette

#1B2A6F #1F307E #87172C #953345 #2C8717 #277714

Split Complementary Palette

#1C2B71 #1F307E #7F3D1F #8C5035 #617F1F #57721C

Square Palette

#1A286A #1F307E #77275E #776927 #1F7F3D #43935C

Tetradic Palette

#192767 #1F307E #77118D #7F6E1F #278D11 #4EA23C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1F307E contains 31 red, 48 green, and 126 blue.

Contrast Ratio: 12.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.71:1