#7BCD1F

#7BCD1F

Color Values

HEX

#7BCD1F

RGB

123, 205, 31

HSL

88.3, 73.7%, 46.3%

HSV

88.3, 84.9%, 80.4%

CMYK

40.0%, 0.0%, 84.9%, 19.6%

OKLCH

0.7661 0.2074 133.0

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#7BCD1F

#711FCD

Analogous

#CDC81F

#24CD1F

#7BCD1F

Triadic

#7BCD1F

#1F7BCD

#CD1F7B

Split Complementary

#7BCD1F

#1F24CD

#C81FCD

Tetradic

#7BCD1F

#1FCDC8

#711FCD

#CD1F24

Color Blindness Simulation

Original

#7BCD1F

Protanopia

#9F9F49

Deuteranopia

#9A9453

Tritanopia

#7F6A72

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF8E2
200
#DDF6C1
300
#C4EF95
400
#A5E65B
500
#85DD22
600
#6AB11B
700
#558E15
800
#426F11
900
#325110
950
#20330A

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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