#22A5F7 Color

Color Information

HEX	#22A5F7
RGB	34, 165, 247
HSL	203° , 93% , 55%
HSV	203° , 86% , 97%
CMYK	86%, 33%, 0%, 3%

Lighter Shades

#3DB0F8 #57BBF9 #72C5FA #8CD0FB #A7DBFC #C1E6FD

Darker Shades

#1E91D9 #1A7DBC #166A9E #125680 #0E4263 #0A2E45

Complementary Palette

#1D8ED4 #22A5F7 #D4631D #F77322 #F88741 #41B2F8

Analogous Palette

#3ACBBA #38E0CC #209BE8 #22A5F7 #384CE0 #4A5CE3

Triadic Palette

#1E91D9 #22A5F7 #FF1AA7 #FF35B2 #A7FF1A #93E017

Split Complementary Palette

#1F95DE #22A5F7 #F7223A #F8384E #F7DE22 #DEC81F

Square Palette

#1D8BCF #22A5F7 #D52DEB #EB762D #3AF722 #5AF845

Tetradic Palette

#1C87CB #22A5F7 #711AFF #F77322 #A7FF1A #B7FF43

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #22A5F7 contains 34 red, 165 green, and 247 blue.

Contrast Ratio: 2.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.89:1