#65DA6F

#65DA6F

Color Values

HEX

#65DA6F

RGB

101, 218, 111

HSL

125,1, 61,3%, 62,5%

HSV

125,1, 53,7%, 85,5%

CMYK

53,7%, 0,0%, 49,1%, 14,5%

OKLCH

0,796 0,1809 145,3

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#65DA6F

#DA65D0

Analogous

#95DA65

#65DAA9

#65DA6F

Triadic

#65DA6F

#6F65DA

#DA6F65

Split Complementary

#65DA6F

#A965DA

#DA6595

Tetradic

#65DA6F

#6595DA

#DA65D0

#DAA965

Color Blindness Simulation

Original

#65DA6F

Protanopia

#989989

Deuteranopia

#91888F

Tritanopia

#6B9DA2

Achromatopsia

#B9B9B9

CSS Usage

background-color: #65DA6F;
color: #65DA6F;
border-color: #65DA6F;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F3FBF4
100
#E4F6E5
200
#C5F1C9
300
#9CE7A3
400
#67DA71
500
#31CE3F
600
#27A532
700
#208428
800
#19671F
900
#164B1A
950
#0E2F11

Contrast Checker

Text on white

1,78:1

AA Fail AAA Fail

Text on black

11,81:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026