#51CFCE

#51CFCE

Color Values

HEX

#51CFCE

RGB

81, 207, 206

HSL

179.5, 56.8%, 56.5%

HSV

179.5, 60.9%, 81.2%

CMYK

60.9%, 0.0%, 0.5%, 18.8%

OKLCH

0.7851 0.11 194.4

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#51CFCE

#CF5152

Analogous

#51CF8F

#5191CF

#51CFCE

Triadic

#51CFCE

#CE51CF

#CFCE51

Split Complementary

#51CFCE

#CF5191

#CF8F51

Tetradic

#51CFCE

#8F51CF

#CF5152

#91CF51

Color Blindness Simulation

Original

#51CFCE

Protanopia

#8889CE

Deuteranopia

#8077CE

Tritanopia

#57CECE

Achromatopsia

#B4B4B4

CSS Usage

background-color: #51CFCE;
color: #51CFCE;
border-color: #51CFCE;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F4FBFB
100
#E5F6F6
200
#C7F0EF
300
#9FE5E4
400
#6BD6D5
500
#37C8C7
600
#2CA09F
700
#23807F
800
#1C6463
900
#184949
950
#0F2E2E

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

11.17:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026