#7DDB18

#7DDB18

Color Values

HEX

#7DDB18

RGB

125, 219, 24

HSL

88.9, 80.2%, 47.6%

HSV

88.9, 89.0%, 85.9%

CMYK

42.9%, 0.0%, 89.0%, 14.1%

OKLCH

0.8015 0.2241 133.9

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#7DDB18

#7618DB

Analogous

#DBD718

#1CDB18

#7DDB18

Triadic

#7DDB18

#187DDB

#DB187D

Split Complementary

#7DDB18

#181CDB

#D718DB

Tetradic

#7DDB18

#18DBD7

#7618DB

#DB181C

Color Blindness Simulation

Original

#7DDB18

Protanopia

#A6A747

Deuteranopia

#A09952

Tritanopia

#826C75

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEF9E1
200
#DCF8BF
300
#C4F391
400
#A3EC55
500
#83E619
600
#69B814
700
#549310
800
#42730D
900
#32530D
950
#1F3509

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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