#1695DE Color

Color Information

HEX#1695DE
RGB22, 149, 222
HSL202° , 82% , 48%
HSV202° , 90% , 87%
CMYK90%, 33%, 0%, 13%

Lighter Shades

#32A2E2 #4EAEE6 #6ABBEA #86C8EE #A2D5F2 #BEE1F6

Darker Shades

#1383C3 #1171A9 #0E5F8E #0B4D73 #093C59 #062A3E

Complementary Palette

#1380BF #1695DE #C05313 #DF6016 #E37637 #37A4E3

Analogous Palette

#2BB6A3 #2FC6B2 #158CD1 #1695DE #2F43C6 #4052C9

Triadic Palette

#1383C3 #1695DE #EB0A98 #ED27A4 #98EB0A #86CF09

Split Complementary Palette

#1486C8 #1695DE #DF1631 #E22D46 #DFC416 #C9B014

Square Palette

#127DBA #1695DE #BB22D3 #D36322 #31DF16 #52E43B

Tetradic Palette

#127AB6 #1695DE #5A00F5 #DF6016 #9BF500 #ADF72E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #1695DE contains 22 red, 149 green, and 222 blue.

Contrast Ratio: 3.25:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.47:1