#60F262

#60F262

Color Values

HEX

#60F262

RGB

96, 242, 98

HSL

120.8, 84.9%, 66.3%

HSV

120.8, 60.3%, 94.9%

CMYK

60.3%, 0.0%, 59.5%, 5.1%

OKLCH

0.8523 0.2242 143.5

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#60F262

#F260F0

Analogous

#A7F260

#60F2AB

#60F262

Triadic

#60F262

#6260F2

#F26260

Split Complementary

#60F262

#AB60F2

#F260A7

Tetradic

#60F262

#60A7F2

#F260F0

#F2AB60

Color Blindness Simulation

Original

#60F262

Protanopia

#9FA085

Deuteranopia

#978C8D

Tritanopia

#67A0A6

Achromatopsia

#C9C9C9

CSS Usage

background-color: #60F262;
color: #60F262;
border-color: #60F262;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F2FDF2
100
#E0FAE1
200
#BDFABE
300
#8EF68F
400
#51F153
500
#13EC16
600
#0FBD12
700
#0C970E
800
#0A760B
900
#0B550C
950
#073608

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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