#42BBFF

#42BBFF

Color Values

HEX

#42BBFF

RGB

66, 187, 255

HSL

201.6, 100.0%, 62.9%

HSV

201.6, 74.1%, 100.0%

CMYK

74.1%, 26.7%, 0.0%, 0.0%

OKLCH

0.7546 0.1434 238.0

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#42BBFF

#FF8642

Analogous

#42FFE5

#425CFF

#42BBFF

Triadic

#42BBFF

#FF42BB

#BBFF42

Split Complementary

#42BBFF

#FF425C

#FFE542

Tetradic

#42BBFF

#E542FF

#FF8642

#5CFF42

Color Blindness Simulation

Original

#42BBFF

Protanopia

#7677EF

Deuteranopia

#6F66EB

Tritanopia

#48E2DF

Achromatopsia

#A6A6A6

CSS Usage

background-color: #42BBFF;
color: #42BBFF;
border-color: #42BBFF;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1F9FE
100
#DEF1FC
200
#B8E5FF
300
#85D3FF
400
#42BBFF
500
#00A3FF
600
#0083CC
700
#0068A3
800
#005280
900
#053D5C
950
#03263A

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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