#65C796

#65C796

Color Values

HEX

#65C796

RGB

101, 199, 150

HSL

150.0, 46.7%, 58.8%

HSV

150.0, 49.2%, 78.0%

CMYK

49.2%, 0.0%, 24.6%, 22.0%

OKLCH

0.7567 0.1179 159.9

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#65C796

#C76596

Analogous

#65C765

#65C7C7

#65C796

Triadic

#65C796

#9665C7

#C79665

Split Complementary

#65C796

#C765C7

#C76565

Tetradic

#65C796

#6565C7

#C76596

#C7C765

Color Blindness Simulation

Original

#65C796

Protanopia

#8F90A2

Deuteranopia

#8A82A5

Tritanopia

#6AABAD

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F4FAF7
100
#E6F4ED
200
#CBECDB
300
#A5DEC2
400
#75CDA1
500
#44BB80
600
#369666
700
#2B7852
800
#225E40
900
#1C4530
950
#122B1F

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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