#7CCF08

#7CCF08

Color Values

HEX

#7CCF08

RGB

124, 207, 8

HSL

85.0, 92.6%, 42.2%

HSV

85.0, 96.1%, 81.2%

CMYK

40.1%, 0.0%, 96.1%, 18.8%

OKLCH

0.771 0.2144 132.6

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#7CCF08

#5B08CF

Analogous

#CFBF08

#19CF08

#7CCF08

Triadic

#7CCF08

#087CCF

#CF087C

Split Complementary

#7CCF08

#0819CF

#BF08CF

Tetradic

#7CCF08

#08CFBF

#5B08CF

#CF0819

Color Blindness Simulation

Original

#7CCF08

Protanopia

#A0A138

Deuteranopia

#9B9544

Tritanopia

#805E67

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F8FDF1
100
#EFFBDF
200
#E1FCBA
300
#CBFA89
400
#AFF849
500
#93F609
600
#76C408
700
#5E9D06
800
#4A7B05
900
#375908
950
#233805

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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