#22C3FF

#22C3FF

Color Values

HEX

#22C3FF

RGB

34, 195, 255

HSL

196,3, 100,0%, 56,7%

HSV

196,3, 86,7%, 100,0%

CMYK

86,7%, 23,5%, 0,0%, 0,0%

OKLCH

0,767 0,1476 230,5

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#22C3FF

#FF5E22

Analogous

#22FFCD

#2255FF

#22C3FF

Triadic

#22C3FF

#FF22C3

#C3FF22

Split Complementary

#22C3FF

#FF2255

#FFCD22

Tetradic

#22C3FF

#CD22FF

#FF5E22

#55FF22

Color Blindness Simulation

Original

#22C3FF

Protanopia

#6869F0

Deuteranopia

#5E52ED

Tritanopia

#2AE5E2

Achromatopsia

#A5A5A5

CSS Usage

background-color: #22C3FF;
color: #22C3FF;
border-color: #22C3FF;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1FAFE
100
#DEF4FC
200
#B8ECFF
300
#85DEFF
400
#42CCFF
500
#00BAFF
600
#0095CC
700
#0077A3
800
#005D80
900
#05445C
950
#032B3A

Contrast Checker

Text on white

2,04:1

AA Fail AAA Fail

Text on black

10,32:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

فبراير 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

فبراير 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

فبراير 20, 2026