#6AB314

#6AB314

Color Values

HEX

#6AB314

RGB

106, 179, 20

HSL

87.5, 79.9%, 39.0%

HSV

87.5, 88.8%, 70.2%

CMYK

40.8%, 0.0%, 88.8%, 29.8%

OKLCH

0.6919 0.1896 133.0

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#6AB314

#5D14B3

Analogous

#B3AC14

#1BB314

#6AB314

Triadic

#6AB314

#146AB3

#B3146A

Split Complementary

#6AB314

#141BB3

#AC14B3

Tetradic

#6AB314

#14B3AC

#5D14B3

#B3141B

Color Blindness Simulation

Original

#6AB314

Protanopia

#8A8A3A

Deuteranopia

#858044

Tritanopia

#6E5960

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEF9E1
200
#DEF8BF
300
#C6F391
400
#A7EC55
500
#88E51A
600
#6DB715
700
#579310
800
#44730D
900
#33530E
950
#203509

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

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