#1F4E98 Color

Color Information

HEX	#1F4E98
RGB	31, 78, 152
HSL	217° , 66% , 36%
HSV	217° , 80% , 60%
CMYK	80%, 49%, 0%, 40%

Lighter Shades

#3A63A4 #5578B1 #708EBD #8BA3C9 #A5B8D6 #C0CDE2

Darker Shades

#1B4586 #183B74 #143261 #10294F #0C1F3D #09162B

Complementary Palette

#1B4383 #1F4E98 #835B1B #986A1F #A67F3E #3E67A6

Analogous Palette

#2D727B #327C86 #1D498F #1F4E98 #3B3286 #4E468B

Triadic Palette

#1B4586 #1F4E98 #A2164C #AD3261 #4CA216 #438F13

Split Complementary Palette

#1C4689 #1F4E98 #982D1F #A24235 #8A981F #7C891C

Square Palette

#1A4280 #1F4E98 #8F2883 #8F6828 #1F982D #43A84F

Tetradic Palette

#19407D #1F4E98 #6E0FA9 #986A1F #4AA90F #6BB83A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1F4E98 contains 31 red, 78 green, and 152 blue.

Contrast Ratio: 8.2:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.56:1