#42D6FF

#42D6FF

Color Values

HEX

#42D6FF

RGB

66, 214, 255

HSL

193.0, 100.0%, 62.9%

HSV

193.0, 74.1%, 100.0%

CMYK

74.1%, 16.1%, 0.0%, 0.0%

OKLCH

0.8162 0.1332 220.8

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#42D6FF

#FF6B42

Analogous

#42FFC9

#4277FF

#42D6FF

Triadic

#42D6FF

#FF42D6

#D6FF42

Split Complementary

#42D6FF

#FF4277

#FFC942

Tetradic

#42D6FF

#C942FF

#FF6B42

#77FF42

Color Blindness Simulation

Original

#42D6FF

Protanopia

#8283F5

Deuteranopia

#7A6EF3

Tritanopia

#49EDEC

Achromatopsia

#B9B9B9

CSS Usage

background-color: #42D6FF;
color: #42D6FF;
border-color: #42D6FF;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FBFE
100
#DEF6FC
200
#B8F0FF
300
#85E4FF
400
#42D6FF
500
#00C8FF
600
#00A0CC
700
#0080A3
800
#006480
900
#05495C
950
#032E3A

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

12.29:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026