#78CD33

#78CD33

Color Values

HEX

#78CD33

RGB

120, 205, 51

HSL

93.1, 60.6%, 50.2%

HSV

93.1, 75.1%, 80.4%

CMYK

41.5%, 0.0%, 75.1%, 19.6%

OKLCH

0.7656 0.2002 134.5

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#78CD33

#8833CD

Analogous

#C5CD33

#33CD3B

#78CD33

Triadic

#78CD33

#3378CD

#CD3378

Split Complementary

#78CD33

#3B33CD

#CD33C5

Tetradic

#78CD33

#33C5CD

#8833CD

#CD3B33

Color Blindness Simulation

Original

#78CD33

Protanopia

#9D9E58

Deuteranopia

#989261

Tritanopia

#7C767C

Achromatopsia

#B0B0B0

CSS Usage

background-color: #78CD33;
color: #78CD33;
border-color: #78CD33;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FBF3
100
#ECF6E4
200
#D9F1C6
300
#BEE79D
400
#9BDA67
500
#78CD32
600
#60A428
700
#4C8320
800
#3C6619
900
#2E4B16
950
#1D2F0E

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.58:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026