#7DF708

#7DF708

Color Values

HEX

#7DF708

RGB

125, 247, 8

HSL

90,6, 93,7%, 50,0%

HSV

90,6, 96,8%, 96,9%

CMYK

49,4%, 0,0%, 96,8%, 3,1%

OKLCH

0,87 0,2566 135,8

Properties

Cool Light Nearest: lawngreen

Color Harmonies

Complementary

#7DF708

#8208F7

Analogous

#F5F708

#08F70A

#7DF708

Triadic

#7DF708

#087DF7

#F7087D

Split Complementary

#7DF708

#0A08F7

#F708F5

Tetradic

#7DF708

#08F5F7

#8208F7

#F70A08

Color Blindness Simulation

Original

#7DF708

Protanopia

#B2B342

Deuteranopia

#ABA250

Tritanopia

#83707A

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F7FDF1
100
#EDFBDF
200
#DBFDBA
300
#C1FB88
400
#9FF948
500
#7DF708
600
#64C606
700
#509E05
800
#3F7B04
900
#305908
950
#1E3805

Contrast Checker

Text on white

1,38:1

AA Fail AAA Fail

Text on black

15,18: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