#42DAFF

#42DAFF

Color Values

HEX

#42DAFF

RGB

66, 218, 255

HSL

191.7, 100.0%, 62.9%

HSV

191.7, 74.1%, 100.0%

CMYK

74.1%, 14.5%, 0.0%, 0.0%

OKLCH

0.8254 0.1328 218.1

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#42DAFF

#FF6742

Analogous

#42FFC5

#427BFF

#42DAFF

Triadic

#42DAFF

#FF42DA

#DAFF42

Split Complementary

#42DAFF

#FF427B

#FFC542

Tetradic

#42DAFF

#C542FF

#FF6742

#7BFF42

Color Blindness Simulation

Original

#42DAFF

Protanopia

#8485F6

Deuteranopia

#7B70F4

Tritanopia

#4AEFED

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F1FBFE
100
#DEF6FC
200
#B8F1FF
300
#85E7FF
400
#42DAFF
500
#00CDFF
600
#00A4CC
700
#0083A3
800
#006780
900
#054B5C
950
#032F3A

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.7: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