#5CE6C2

#5CE6C2

Color Values

HEX

#5CE6C2

RGB

92, 230, 194

HSL

164.3, 73.4%, 63.1%

HSV

164.3, 60.0%, 90.2%

CMYK

60.0%, 0.0%, 15.7%, 9.8%

OKLCH

0.8397 0.1309 172.8

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#5CE6C2

#E65C80

Analogous

#5CE67D

#5CC5E6

#5CE6C2

Triadic

#5CE6C2

#C25CE6

#E6C25C

Split Complementary

#5CE6C2

#E65CC5

#E67D5C

Tetradic

#5CE6C2

#7D5CE6

#E65C80

#C5E65C

Color Blindness Simulation

Original

#5CE6C2

Protanopia

#9899CB

Deuteranopia

#9085CD

Tritanopia

#63D2D3

Achromatopsia

#C6C6C6

CSS Usage

background-color: #5CE6C2;
color: #5CE6C2;
border-color: #5CE6C2;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F3FCFA
100
#E2F8F2
200
#C1F6E8
300
#95EFD7
400
#5BE6C2
500
#22DDAC
600
#1BB18A
700
#168D6E
800
#116F56
900
#105040
950
#0A3328

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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