#6CC730

#6CC730

Color Values

HEX

#6CC730

RGB

108, 199, 48

HSL

96.2, 61.1%, 48.4%

HSV

96.2, 75.9%, 78.0%

CMYK

45.7%, 0.0%, 75.9%, 22.0%

OKLCH

0.7448 0.2006 136.0

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#6CC730

#8B30C7

Analogous

#B7C730

#30C740

#6CC730

Triadic

#6CC730

#306CC7

#C7306C

Split Complementary

#6CC730

#4030C7

#C730B7

Tetradic

#6CC730

#30B7C7

#8B30C7

#C74030

Color Blindness Simulation

Original

#6CC730

Protanopia

#939454

Deuteranopia

#8E875D

Tritanopia

#717178

Achromatopsia

#A9A9A9

CSS Usage

background-color: #6CC730;
color: #6CC730;
border-color: #6CC730;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FBF3
100
#EBF6E4
200
#D7F1C5
300
#BAE79C
400
#95DA67
500
#6FCD32
600
#59A428
700
#478320
800
#386719
900
#2B4B16
950
#1B2F0E

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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