#7DFB46

#7DFB46

Color Values

HEX

#7DFB46

RGB

125, 251, 70

HSL

101.8, 95.8%, 62.9%

HSV

101.8, 72.1%, 98.4%

CMYK

50.2%, 0.0%, 72.1%, 1.6%

OKLCH

0.8821 0.2411 138.0

Properties

Cool Light Nearest: chartreuse 2

Color Harmonies

Complementary

#7DFB46

#C446FB

Analogous

#D7FB46

#46FB69

#7DFB46

Triadic

#7DFB46

#467DFB

#FB467D

Split Complementary

#7DFB46

#6946FB

#FB46D7

Tetradic

#7DFB46

#46D7FB

#C446FB

#FB6946

Color Blindness Simulation

Original

#7DFB46

Protanopia

#B4B572

Deuteranopia

#ACA37C

Tritanopia

#83949C

Achromatopsia

#D3D3D3

CSS Usage

background-color: #7DFB46;
color: #7DFB46;
border-color: #7DFB46;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F5FEF1
100
#E7FCDF
200
#CEFEB9
300
#ABFC87
400
#7DFB46
500
#4FFA05
600
#40C804
700
#33A003
800
#287D03
900
#205A07
950
#143904

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.76:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026