#60F7AA

#60F7AA

Color Values

HEX

#60F7AA

RGB

96, 247, 170

HSL

149.4, 90.4%, 67.3%

HSV

149.4, 61.1%, 96.9%

CMYK

61.1%, 0.0%, 31.2%, 3.1%

OKLCH

0.876 0.1687 157.6

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#60F7AA

#F760AD

Analogous

#62F760

#60F7F5

#60F7AA

Triadic

#60F7AA

#AA60F7

#F7AA60

Split Complementary

#60F7AA

#F560F7

#F76062

Tetradic

#60F7AA

#6062F7

#F760AD

#F7F560

Color Blindness Simulation

Original

#60F7AA

Protanopia

#A1A3BD

Deuteranopia

#998DC1

Tritanopia

#68CBCF

Achromatopsia

#D1D1D1

CSS Usage

background-color: #60F7AA;
color: #60F7AA;
border-color: #60F7AA;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BBFCDB
300
#8AF9C1
400
#4BF69F
500
#0CF37D
600
#0AC264
700
#089B50
800
#06793F
900
#095830
950
#06371E

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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