#65C375

#65C375

Color Values

HEX

#65C375

RGB

101, 195, 117

HSL

130.2, 43.9%, 58.0%

HSV

130.2, 48.2%, 76.5%

CMYK

48.2%, 0.0%, 40.0%, 23.5%

OKLCH

0.7399 0.1431 147.8

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#65C375

#C365B3

Analogous

#84C365

#65C3A4

#65C375

Triadic

#65C375

#7565C3

#C37565

Split Complementary

#65C375

#A465C3

#C36584

Tetradic

#65C375

#6584C3

#C365B3

#C3A465

Color Blindness Simulation

Original

#65C375

Protanopia

#8E8F88

Deuteranopia

#88818C

Tritanopia

#6A979A

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F4FAF5
100
#E6F4E9
200
#CCEBD1
300
#A7DDB0
400
#77CA85
500
#48B75B
600
#399348
700
#2E753A
800
#245C2D
900
#1D4424
950
#132B17

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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