#21EDFF

#21EDFF

Color Values

HEX

#21EDFF

RGB

33, 237, 255

HSL

184.9, 100.0%, 56.5%

HSV

184.9, 87.1%, 100.0%

CMYK

87.1%, 7.1%, 0.0%, 0.0%

OKLCH

0.8648 0.1439 204.9

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#21EDFF

#FF3321

Analogous

#21FFA2

#217EFF

#21EDFF

Triadic

#21EDFF

#FF21ED

#EDFF21

Split Complementary

#21EDFF

#FF217E

#FFA221

Tetradic

#21EDFF

#A221FF

#FF3321

#7EFF21

Color Blindness Simulation

Original

#21EDFF

Protanopia

#797BFB

Deuteranopia

#6E5EFA

Tritanopia

#2BF7F6

Achromatopsia

#C3C3C3

CSS Usage

background-color: #21EDFF;
color: #21EDFF;
border-color: #21EDFF;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F1FDFE
100
#DEFAFC
200
#B8F9FF
300
#85F5FF
400
#42F0FF
500
#00EAFF
600
#00BBCC
700
#0096A3
800
#007580
900
#05555C
950
#03363A

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.62:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026