#65EFA2

#65EFA2

Color Values

HEX

#65EFA2

RGB

101, 239, 162

HSL

146.5, 81.2%, 66.7%

HSV

146.5, 57.7%, 93.7%

CMYK

57.7%, 0.0%, 32.2%, 6.3%

OKLCH

0.8565 0.1628 156.0

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#65EFA2

#EF65B2

Analogous

#6DEF65

#65EFE7

#65EFA2

Triadic

#65EFA2

#A265EF

#EFA265

Split Complementary

#65EFA2

#E765EF

#EF656D

Tetradic

#65EFA2

#656DEF

#EF65B2

#EFE765

Color Blindness Simulation

Original

#65EFA2

Protanopia

#A1A2B5

Deuteranopia

#998EB9

Tritanopia

#6CC3C7

Achromatopsia

#CCCCCC

CSS Usage

background-color: #65EFA2;
color: #65EFA2;
border-color: #65EFA2;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F2FDF7
100
#E1F9EC
200
#BEF8D8
300
#90F3BC
400
#54ED98
500
#18E773
600
#13B95C
700
#0F944A
800
#0C743A
900
#0D542C
950
#08351C

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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