#6BA003

#6BA003

Color Values

HEX

#6BA003

RGB

107, 160, 3

HSL

80.3, 96.3%, 32.0%

HSV

80.3, 98.1%, 62.7%

CMYK

33.1%, 0.0%, 98.1%, 37.3%

OKLCH

0.6438 0.1709 129.4

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#6BA003

#3803A0

Analogous

#A08703

#1CA003

#6BA003

Triadic

#6BA003

#036BA0

#A0036B

Split Complementary

#6BA003

#031CA0

#8703A0

Tetradic

#6BA003

#03A087

#3803A0

#A0031C

Color Blindness Simulation

Original

#6BA003

Protanopia

#828229

Deuteranopia

#7F7B32

Tritanopia

#6E474E

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F9FEF1
100
#F2FCDF
200
#E6FEB9
300
#D5FD87
400
#BEFC46
500
#A7FA05
600
#86C804
700
#6BA003
800
#547D02
900
#3E5A06
950
#273904

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.65:1

AA Pass AAA Fail

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