#51F0CE

#51F0CE

Color Values

HEX

#51F0CE

RGB

81, 240, 206

HSL

167.2, 84.1%, 62.9%

HSV

167.2, 66.2%, 94.1%

CMYK

66.2%, 0.0%, 14.2%, 5.9%

OKLCH

0.8639 0.1404 175.6

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#51F0CE

#F05173

Analogous

#51F07E

#51C2F0

#51F0CE

Triadic

#51F0CE

#CE51F0

#F0CE51

Split Complementary

#51F0CE

#F051C2

#F07E51

Tetradic

#51F0CE

#7E51F0

#F05173

#C2F051

Color Blindness Simulation

Original

#51F0CE

Protanopia

#9697D6

Deuteranopia

#8D81D8

Tritanopia

#59DDDE

Achromatopsia

#CCCCCC

CSS Usage

background-color: #51F0CE;
color: #51F0CE;
border-color: #51F0CE;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F2FDFA
100
#E0FAF4
200
#BDF9ED
300
#8EF5DF
400
#51F0CE
500
#14EBBD
600
#10BC97
700
#0D9679
800
#0A755E
900
#0C5545
950
#07362C

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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