#60AF83

#60AF83

Color Values

HEX

#60AF83

RGB

96, 175, 131

HSL

146.6, 33.1%, 53.1%

HSV

146.6, 45.1%, 68.6%

CMYK

45.1%, 0.0%, 25.1%, 31.4%

OKLCH

0.6911 0.1026 157.8

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#60AF83

#AF608C

Analogous

#64AF60

#60AFAB

#60AF83

Triadic

#60AF83

#8360AF

#AF8360

Split Complementary

#60AF83

#AB60AF

#AF6064

Tetradic

#60AF83

#6064AF

#AF608C

#AFAB60

Color Blindness Simulation

Original

#60AF83

Protanopia

#82838E

Deuteranopia

#7E7890

Tritanopia

#649698

Achromatopsia

#9B9B9B

CSS Usage

background-color: #60AF83;
color: #60AF83;
border-color: #60AF83;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E8F2ED
200
#CFE7DA
300
#AED6C0
400
#81C09D
500
#55AA7B
600
#448862
700
#376D4F
800
#2B553D
900
#223F2F
950
#15281E

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

7.96:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026