#1F5ABA Color

Color Information

HEX	#1F5ABA
RGB	31, 90, 186
HSL	217° , 71% , 43%
HSV	217° , 83% , 73%
CMYK	83%, 52%, 0%, 27%

Lighter Shades

#3A6EC2 #5582CB #7095D3 #8BA9DB #A5BDE3 #C0D1EC

Darker Shades

#1B4FA4 #18448D #143A77 #102F61 #0C244A #091934

Complementary Palette

#1B4DA0 #1F5ABA #A26E1C #BC8020 #C5923F #3E71C4

Analogous Palette

#328C9A #3699A6 #1D55AF #1F5ABA #4336A6 #564BAA

Triadic Palette

#1B4FA4 #1F5ABA #C61559 #CD316D #59C615 #4EAE12

Split Complementary Palette

#1C51A7 #1F5ABA #BC3220 #C34736 #A9BC20 #98A91D

Square Palette

#1A4C9C #1F5ABA #B12BA1 #B17D2B #20BC32 #44C753

Tetradic Palette

#194A99 #1F5ABA #840CCF #BC8020 #57CF0C #75D838

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1F5ABA contains 31 red, 90 green, and 186 blue.

Contrast Ratio: 6.54:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.21:1