#22D7F2 Color

Color Information

HEX#22D7F2
RGB34, 215, 242
HSL188° , 89% , 54%
HSV188° , 86% , 95%
CMYK86%, 11%, 0%, 5%

Lighter Shades

#3DDCF4 #57E1F5 #72E5F7 #8CEAF8 #A7EFFA #C1F4FB

Darker Shades

#1EBDD5 #1AA3B8 #168A9B #12707E #0E5661 #0A3C44

Complementary Palette

#1DB9D0 #22D7F2 #D0341C #F23D21 #F45840 #41DDF4

Analogous Palette

#38C793 #39DB9F #20CAE3 #22D7F2 #3974DB #4A80DE

Triadic Palette

#1EBDD5 #22D7F2 #FE16DF #FE32E3 #DFFE16 #C4E013

Split Complementary Palette

#1FC2DA #22D7F2 #F2216E #F3377D #F2A621 #DA951E

Square Palette

#1DB5CB #22D7F2 #A22DE6 #E6462D #6EF221 #85F445

Tetradic Palette

#1CB0C6 #22D7F2 #3414FF #F23D21 #E0FF14 #E6FF3E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #22D7F2 contains 34 red, 215 green, and 242 blue.

Contrast Ratio: 1.73:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.16:1