#00DEFF

#00DEFF

Color Values

HEX

#00DEFF

RGB

0, 222, 255

HSL

187.8, 100.0%, 50.0%

HSV

187.8, 100.0%, 100.0%

CMYK

100.0%, 12.9%, 0.0%, 0.0%

OKLCH

0.8277 0.1451 213.5

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#00DEFF

#FF2100

Analogous

#00FFA1

#005EFF

#00DEFF

Triadic

#00DEFF

#FF00DE

#DEFF00

Split Complementary

#00DEFF

#FF005E

#FFA100

Tetradic

#00DEFF

#A100FF

#FF2100

#5EFF00

Color Blindness Simulation

Original

#00DEFF

Protanopia

#6062F7

Deuteranopia

#5343F5

Tritanopia

#0BF1EF

Achromatopsia

#B1B1B1

CSS Usage

background-color: #00DEFF;
color: #00DEFF;
border-color: #00DEFF;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FCFE
100
#DEF8FC
200
#B8F6FF
300
#85EFFF
400
#42E6FF
500
#00DEFF
600
#00B1CC
700
#008EA3
800
#006F80
900
#05515C
950
#03333A

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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