#22C2F2 Color

Color Information

HEX#22C2F2
RGB34, 194, 242
HSL194° , 89% , 54%
HSV194° , 86% , 95%
CMYK86%, 20%, 0%, 5%

Lighter Shades

#3DC9F4 #57D1F5 #72D8F7 #8CDFF8 #A7E7FA #C1EEFB

Darker Shades

#1EABD5 #1A93B8 #167C9B #12657E #0E4E61 #0A3644

Complementary Palette

#1DA7D0 #22C2F2 #D0471C #F25221 #F46A40 #41CBF4

Analogous Palette

#38C7A1 #39DBAF #20B6E3 #22C2F2 #3964DB #4A71DE

Triadic Palette

#1EABD5 #22C2F2 #FE16C8 #FE32CF #C8FE16 #B0E013

Split Complementary Palette

#1FAFDA #22C2F2 #F22159 #F3376A #F2BA21 #DAA71E

Square Palette

#1DA3CB #22C2F2 #B52DE6 #E6582D #59F221 #74F445

Tetradic Palette

#1C9FC6 #22C2F2 #4B14FF #F25221 #C8FF14 #D2FF3E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #22C2F2 contains 34 red, 194 green, and 242 blue.

Contrast Ratio: 2.06:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.18:1