#6AB022

#6AB022

Color Values

HEX

#6AB022

RGB

106, 176, 34

HSL

89.6, 67.6%, 41.2%

HSV

89.6, 80.7%, 69.0%

CMYK

39.8%, 0.0%, 80.7%, 31.0%

OKLCH

0.6848 0.181 133.2

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#6AB022

#6822B0

Analogous

#B0AF22

#23B022

#6AB022

Triadic

#6AB022

#226AB0

#B0226A

Split Complementary

#6AB022

#2223B0

#AF22B0

Tetradic

#6AB022

#22B0AF

#6822B0

#B02223

Color Blindness Simulation

Original

#6AB022

Protanopia

#888944

Deuteranopia

#847F4D

Tritanopia

#6D6065

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EDF7E3
200
#DCF3C3
300
#C2EB98
400
#A2E061
500
#81D629
600
#67AB21
700
#52891A
800
#406B15
900
#314E13
950
#1F310C

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

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