#65DFA2

#65DFA2

Color Values

HEX

#65DFA2

RGB

101, 223, 162

HSL

150.0, 65.6%, 63.5%

HSV

150.0, 54.7%, 87.5%

CMYK

54.7%, 0.0%, 27.4%, 12.5%

OKLCH

0.8178 0.1411 159.1

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#65DFA2

#DF65A2

Analogous

#65DF65

#65DFDF

#65DFA2

Triadic

#65DFA2

#A265DF

#DFA265

Split Complementary

#65DFA2

#DF65DF

#DF6565

Tetradic

#65DFA2

#6565DF

#DF65A2

#DFDF65

Color Blindness Simulation

Original

#65DFA2

Protanopia

#9A9BB1

Deuteranopia

#938AB4

Tritanopia

#6BBCBF

Achromatopsia

#C1C1C1

CSS Usage

background-color: #65DFA2;
color: #65DFA2;
border-color: #65DFA2;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F3FCF7
100
#E3F7ED
200
#C4F3DB
300
#9AEAC2
400
#63DFA1
500
#2CD380
600
#23A966
700
#1C8752
800
#166A40
900
#144D30
950
#0D311F

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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