#65B987

#65B987

Color Values

HEX

#65B987

RGB

101, 185, 135

HSL

144.3, 37.5%, 56.1%

HSV

144.3, 45.4%, 72.5%

CMYK

45.4%, 0.0%, 27.0%, 27.5%

OKLCH

0.7189 0.1108 156.1

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#65B987

#B96597

Analogous

#6DB965

#65B9B1

#65B987

Triadic

#65B987

#8765B9

#B98765

Split Complementary

#65B987

#B165B9

#B9656D

Tetradic

#65B987

#656DB9

#B96597

#B9B165

Color Blindness Simulation

Original

#65B987

Protanopia

#898A93

Deuteranopia

#847E96

Tritanopia

#699D9F

Achromatopsia

#A4A4A4

CSS Usage

background-color: #65B987;
color: #65B987;
border-color: #65B987;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF7
100
#E7F3EC
200
#CEE9D9
300
#ABD9BD
400
#7DC49A
500
#50AF76
600
#408C5F
700
#33704C
800
#28583B
900
#20412D
950
#14291D

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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