#65C096

#65C096

Color Values

HEX

#65C096

RGB

101, 192, 150

HSL

152.3, 41.9%, 57.5%

HSV

152.3, 47.4%, 75.3%

CMYK

47.4%, 0.0%, 21.9%, 24.7%

OKLCH

0.7396 0.1078 162.2

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#65C096

#C0658F

Analogous

#65C069

#65BDC0

#65C096

Triadic

#65C096

#9665C0

#C09665

Split Complementary

#65C096

#C065BD

#C06965

Tetradic

#65C096

#6965C0

#C0658F

#BDC065

Color Blindness Simulation

Original

#65C096

Protanopia

#8C8DA0

Deuteranopia

#8780A3

Tritanopia

#6AA8AA

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F4EE
200
#CCEADC
300
#A8DBC4
400
#79C8A4
500
#4AB584
600
#3B9169
700
#2F7454
800
#255A42
900
#1E4332
950
#132A1F

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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