#A7F260

#A7F260

Color Values

HEX

#A7F260

RGB

167, 242, 96

HSL

90.8, 84.9%, 66.3%

HSV

90.8, 60.3%, 94.9%

CMYK

31.0%, 0.0%, 60.3%, 5.1%

OKLCH

0.8829 0.1926 132.2

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#A7F260

#AB60F2

Analogous

#F0F260

#60F262

#A7F260

Triadic

#A7F260

#60A7F2

#F260A7

Split Complementary

#A7F260

#6260F2

#F260F0

Tetradic

#A7F260

#60F0F2

#AB60F2

#F26260

Color Blindness Simulation

Original

#A7F260

Protanopia

#C7C883

Deuteranopia

#C3BE8C

Tritanopia

#AB9FA5

Achromatopsia

#D8D8D8

CSS Usage

background-color: #A7F260;
color: #A7F260;
border-color: #A7F260;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F7FDF2
100
#EDFAE0
200
#DAFABD
300
#C0F68E
400
#9FF151
500
#7DEC13
600
#64BD0F
700
#50970C
800
#3E760A
900
#2F550B
950
#1E3607

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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