#40D6FF

#40D6FF

Color Values

HEX

#40D6FF

RGB

64, 214, 255

HSL

192.9, 100.0%, 62.5%

HSV

192.9, 74.9%, 100.0%

CMYK

74.9%, 16.1%, 0.0%, 0.0%

OKLCH

0.8157 0.1339 220.7

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#40D6FF

#FF6940

Analogous

#40FFC8

#4076FF

#40D6FF

Triadic

#40D6FF

#FF40D6

#D6FF40

Split Complementary

#40D6FF

#FF4076

#FFC840

Tetradic

#40D6FF

#C840FF

#FF6940

#76FF40

Color Blindness Simulation

Original

#40D6FF

Protanopia

#8182F5

Deuteranopia

#786DF3

Tritanopia

#48EDEC

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F1FBFE
100
#DEF6FC
200
#B8F0FF
300
#85E5FF
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.28: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