#7DBB3B

#7DBB3B

Color Values

HEX

#7DBB3B

RGB

125, 187, 59

HSL

89.1, 52.0%, 48.2%

HSV

89.1, 68.4%, 73.3%

CMYK

33.2%, 0.0%, 68.4%, 26.7%

OKLCH

0.7245 0.1704 131.8

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#7DBB3B

#793BBB

Analogous

#BBB93B

#3DBB3B

#7DBB3B

Triadic

#7DBB3B

#3B7DBB

#BB3B7D

Split Complementary

#7DBB3B

#3B3DBB

#B93BBB

Tetradic

#7DBB3B

#3BBBB9

#793BBB

#BB3B3D

Color Blindness Simulation

Original

#7DBB3B

Protanopia

#98985A

Deuteranopia

#949061

Tritanopia

#807278

Achromatopsia

#A5A5A5

CSS Usage

background-color: #7DBB3B;
color: #7DBB3B;
border-color: #7DBB3B;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FBF4
100
#EDF5E5
200
#DCEEC9
300
#C3E2A2
400
#A2D270
500
#81C23D
600
#689B31
700
#537C27
800
#41611F
900
#31471A
950
#1F2D10

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

9.04:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026