#65BC75

#65BC75

Color Values

HEX

#65BC75

RGB

101, 188, 117

HSL

131.0, 39.4%, 56.7%

HSV

131.0, 46.3%, 73.7%

CMYK

46.3%, 0.0%, 37.8%, 26.3%

OKLCH

0.7225 0.1328 148.3

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#65BC75

#BC65AC

Analogous

#81BC65

#65BCA1

#65BC75

Triadic

#65BC75

#7565BC

#BC7565

Split Complementary

#65BC75

#A165BC

#BC6581

Tetradic

#65BC75

#6581BC

#BC65AC

#BCA165

Color Blindness Simulation

Original

#65BC75

Protanopia

#8B8B86

Deuteranopia

#867F8A

Tritanopia

#699497

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E7F3E9
200
#CDE9D2
300
#AADAB3
400
#7BC689
500
#4DB260
600
#3E8E4D
700
#31723D
800
#275930
900
#1F4226
950
#142918

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

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