#6FBC2A

#6FBC2A

Color Values

HEX

#6FBC2A

RGB

111, 188, 42

HSL

91.6, 63.5%, 45.1%

HSV

91.6, 77.7%, 73.7%

CMYK

41.0%, 0.0%, 77.7%, 26.3%

OKLCH

0.7182 0.189 134.0

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#6FBC2A

#772ABC

Analogous

#B8BC2A

#2ABC2E

#6FBC2A

Triadic

#6FBC2A

#2A6FBC

#BC2A6F

Split Complementary

#6FBC2A

#2E2ABC

#BC2AB8

Tetradic

#6FBC2A

#2AB8BC

#772ABC

#BC2E2A

Color Blindness Simulation

Original

#6FBC2A

Protanopia

#90914D

Deuteranopia

#8C8656

Tritanopia

#73696F

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#EDF7E4
200
#DAF2C5
300
#C0E99B
400
#9DDD65
500
#7BD02F
600
#63A725
700
#4F851E
800
#3E6817
900
#2F4C15
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

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