#195AF0 Color

Color Information

HEX	#195AF0
RGB	25, 90, 240
HSL	222° , 88% , 52%
HSV	222° , 90% , 94%
CMYK	90%, 63%, 0%, 6%

Lighter Shades

#356EF2 #5082F4 #6C95F5 #87A9F7 #A3BDF9 #BFD1FB

Darker Shades

#164FD3 #1344B6 #103A9A #0D2F7D #0A2460 #071943

Complementary Palette

#164DCE #195AF0 #CE9716 #F0B019 #F2BB39 #3971F2

Analogous Palette

#30A7C5 #31B7D8 #1855E2 #195AF0 #5331D8 #6143DB

Triadic Palette

#164FD3 #195AF0 #FD0D55 #FD2A69 #55FD0D #4BDF0B

Split Complementary Palette

#1751D8 #195AF0 #F04419 #F25730 #C5F019 #B1D817

Square Palette

#154CCA #195AF0 #E425BE #E4AB25 #19F044 #3EF262

Tetradic Palette

#154AC5 #195AF0 #B60AFF #F0B019 #54FF0A #73FF36

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #195AF0 contains 25 red, 90 green, and 240 blue.

Contrast Ratio: 5.62:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.74:1