#7BD522

#7BD522

Color Values

HEX

#7BD522

RGB

123, 213, 34

HSL

90.2, 72.5%, 48.4%

HSV

90.2, 84.0%, 83.5%

CMYK

42.3%, 0.0%, 84.0%, 16.5%

OKLCH

0.786 0.2155 134.0

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#7BD522

#7C22D5

Analogous

#D4D522

#22D523

#7BD522

Triadic

#7BD522

#227BD5

#D5227B

Split Complementary

#7BD522

#2322D5

#D522D4

Tetradic

#7BD522

#22D4D5

#7C22D5

#D52322

Color Blindness Simulation

Original

#7BD522

Protanopia

#A2A34D

Deuteranopia

#9D9658

Tritanopia

#807077

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EDF8E2
200
#DBF5C1
300
#C2EE95
400
#A0E55C
500
#7FDC23
600
#66B01C
700
#518D16
800
#3F6E12
900
#305011
950
#1E330B

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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