#7DC10B

#7DC10B

Color Values

HEX

#7DC10B

RGB

125, 193, 11

HSL

82.4, 89.2%, 40.0%

HSV

82.4, 94.3%, 75.7%

CMYK

35.2%, 0.0%, 94.3%, 24.3%

OKLCH

0.737 0.1979 130.6

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#7DC10B

#4F0BC1

Analogous

#C1AA0B

#22C10B

#7DC10B

Triadic

#7DC10B

#0B7DC1

#C10B7D

Split Complementary

#7DC10B

#0B22C1

#AA0BC1

Tetradic

#7DC10B

#0BC1AA

#4F0BC1

#C10B22

Color Blindness Simulation

Original

#7DC10B

Protanopia

#9A9B37

Deuteranopia

#969142

Tritanopia

#805A61

Achromatopsia

#A5A5A5

CSS Usage

background-color: #7DC10B;
color: #7DC10B;
border-color: #7DC10B;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F9FDF2
100
#F1FBE0
200
#E3FBBB
300
#D0F88B
400
#B6F54C
500
#9CF10E
600
#7DC10B
700
#649A09
800
#4E7907
900
#3A570A
950
#253706

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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