#7BC705

#7BC705

Color Values

HEX

#7BC705

RGB

123, 199, 5

HSL

83.5, 95.1%, 40.0%

HSV

83.5, 97.5%, 78.0%

CMYK

38.2%, 0.0%, 97.5%, 22.0%

OKLCH

0.7506 0.2065 131.7

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#7BC705

#5105C7

Analogous

#C7B205

#1AC705

#7BC705

Triadic

#7BC705

#057BC7

#C7057B

Split Complementary

#7BC705

#051AC7

#B205C7

Tetradic

#7BC705

#05C7B2

#5105C7

#C7051A

Color Blindness Simulation

Original

#7BC705

Protanopia

#9C9D34

Deuteranopia

#98923F

Tritanopia

#7F5961

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F9FEF1
100
#F0FCDF
200
#E3FDB9
300
#CEFC88
400
#B4FA47
500
#9AF906
600
#7BC705
700
#629F04
800
#4D7C03
900
#395A07
950
#243904

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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