#1F98F5 Color

Color Information

HEX#1F98F5
RGB31, 152, 245
HSL206° , 91% , 54%
HSV206° , 87% , 96%
CMYK87%, 38%, 0%, 4%

Lighter Shades

#3AA4F6 #55B1F7 #70BDF9 #8BC9FA #A5D6FB #C0E2FC

Darker Shades

#1B86D8 #1874BA #14619D #104F7F #0C3D62 #092B45

Complementary Palette

#1B83D3 #1F98F5 #D26A1B #F47B1F #F68D3E #3EA6F6

Analogous Palette

#37C8BE #36DDD2 #1D8FE6 #1F98F5 #3642DD #4852E0

Triadic Palette

#1B86D8 #1F98F5 #FF1499 #FF30A5 #99FF14 #87E012

Split Complementary Palette

#1C89DD #1F98F5 #F41F2D #F53542 #F4E61F #DCCF1C

Square Palette

#1A80CE #1F98F5 #DC2BE9 #E97D2B #2DF41F #4FF643

Tetradic Palette

#197DC9 #1F98F5 #7A14FF #F47B1F #99FF14 #ABFF3E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #1F98F5 contains 31 red, 152 green, and 245 blue.

Contrast Ratio: 3.02:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.95:1