#1FA5D2 Color

Color Information

HEX#1FA5D2
RGB31, 165, 210
HSL195° , 74% , 47%
HSV195° , 85% , 82%
CMYK85%, 21%, 0%, 18%

Lighter Shades

#3AB0D7 #55BBDD #70C5E2 #8BD0E8 #A5DBED #C0E6F2

Darker Shades

#1B91B9 #187DA0 #146A86 #10566D #0C4254 #092E3B

Complementary Palette

#1B8EB5 #1FA5D2 #B4411B #D14C1F #D7653E #3EB2D8

Analogous Palette

#32A98B #37B998 #1D9BC5 #1FA5D2 #3757B9 #4965BC

Triadic Palette

#1B91B9 #1FA5D2 #DD13AA #E12FB4 #AADD13 #96C211

Split Complementary Palette

#1C95BD #1FA5D2 #D11F4C #D6355E #D1A41F #BC941C

Square Palette

#1A8BB0 #1FA5D2 #9E2BC5 #C5512B #4CD11F #69D843

Tetradic Palette

#1987AC #1FA5D2 #410AE6 #D14C1F #AFE60A #BDEB36

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #1FA5D2 contains 31 red, 165 green, and 210 blue.

Contrast Ratio: 2.81:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.47:1