#5EFFD2

#5EFFD2

Color Values

HEX

#5EFFD2

RGB

94, 255, 210

HSL

163.2, 100.0%, 68.4%

HSV

163.2, 63.1%, 100.0%

CMYK

63.1%, 0.0%, 17.6%, 0.0%

OKLCH

0.904 0.149 171.0

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#5EFFD2

#FF5E8B

Analogous

#5EFF81

#5EDCFF

#5EFFD2

Triadic

#5EFFD2

#D25EFF

#FFD25E

Split Complementary

#5EFFD2

#FF5EDC

#FF815E

Tetradic

#5EFFD2

#815EFF

#FF5E8B

#DCFF5E

Color Blindness Simulation

Original

#5EFFD2

Protanopia

#A4A5DD

Deuteranopia

#9A8EE0

Tritanopia

#66E5E7

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F1FEFA
100
#DEFCF4
200
#B8FFEB
300
#85FFDD
400
#42FFCA
500
#00FFB8
600
#00CC93
700
#00A376
800
#00805C
900
#055C44
950
#033A2B

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.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