#65DDBA

#65DDBA

Color Values

HEX

#65DDBA

RGB

101, 221, 186

HSL

162.5, 63.8%, 63.1%

HSV

162.5, 54.3%, 86.7%

CMYK

54.3%, 0.0%, 15.8%, 13.3%

OKLCH

0.8189 0.1202 171.4

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#65DDBA

#DD6588

Analogous

#65DD7E

#65C4DD

#65DDBA

Triadic

#65DDBA

#BA65DD

#DDBA65

Split Complementary

#65DDBA

#DD65C4

#DD7E65

Tetradic

#65DDBA

#7E65DD

#DD6588

#C4DD65

Color Blindness Simulation

Original

#65DDBA

Protanopia

#999AC2

Deuteranopia

#9289C4

Tritanopia

#6BC9CB

Achromatopsia

#C1C1C1

CSS Usage

background-color: #65DDBA;
color: #65DDBA;
border-color: #65DDBA;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F3FBF9
100
#E3F7F1
200
#C5F2E5
300
#9BE9D2
400
#64DDBA
500
#2ED1A1
600
#25A781
700
#1E8667
800
#176851
900
#154C3C
950
#0D3026

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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