#6FBC28

#6FBC28

Color Values

HEX

#6FBC28

RGB

111, 188, 40

HSL

91.2, 64.9%, 44.7%

HSV

91.2, 78.7%, 73.7%

CMYK

41.0%, 0.0%, 78.7%, 26.3%

OKLCH

0.7181 0.19 133.9

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#6FBC28

#7528BC

Analogous

#B9BC28

#28BC2B

#6FBC28

Triadic

#6FBC28

#286FBC

#BC286F

Split Complementary

#6FBC28

#2B28BC

#BC28B9

Tetradic

#6FBC28

#28B9BC

#7528BC

#BC2B28

Color Blindness Simulation

Original

#6FBC28

Protanopia

#90914C

Deuteranopia

#8C8654

Tritanopia

#73686E

Achromatopsia

#A1A1A1

CSS Usage

background-color: #6FBC28;
color: #6FBC28;
border-color: #6FBC28;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FCF3
100
#EDF7E3
200
#DAF2C4
300
#C0EA9A
400
#9EDE63
500
#7CD22D
600
#63A824
700
#4F871D
800
#3E6916
900
#2F4D14
950
#1E300D

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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