#7BF003

#7BF003

Color Values

HEX

#7BF003

RGB

123, 240, 3

HSL

89.6, 97.5%, 47.6%

HSV

89.6, 98.8%, 94.1%

CMYK

48.7%, 0.0%, 98.8%, 5.9%

OKLCH

0.8519 0.2508 135.6

Properties

Cool Light Nearest: chartreuse 2

Color Harmonies

Complementary

#7BF003

#7803F0

Analogous

#F0EE03

#05F003

#7BF003

Triadic

#7BF003

#037BF0

#F0037B

Split Complementary

#7BF003

#0305F0

#EE03F0

Tetradic

#7BF003

#03F0EE

#7803F0

#F00305

Color Blindness Simulation

Original

#7BF003

Protanopia

#AEAF3C

Deuteranopia

#A79E4A

Tritanopia

#816A74

Achromatopsia

#C6C6C6

CSS Usage

background-color: #7BF003;
color: #7BF003;
border-color: #7BF003;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F7FEF1
100
#EDFCDE
200
#DCFEB8
300
#C3FD86
400
#A2FD45
500
#81FC03
600
#67C903
700
#53A102
800
#417E02
900
#315B06
950
#1F3904

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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