#6ACA22

#6ACA22

Color Values

HEX

#6ACA22

RGB

106, 202, 34

HSL

94.3, 71.2%, 46.3%

HSV

94.3, 83.2%, 79.2%

CMYK

47.5%, 0.0%, 83.2%, 20.8%

OKLCH

0.7507 0.2113 135.8

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#6ACA22

#8222CA

Analogous

#BECA22

#22CA2E

#6ACA22

Triadic

#6ACA22

#226ACA

#CA226A

Split Complementary

#6ACA22

#2E22CA

#CA22BE

Tetradic

#6ACA22

#22BECA

#8222CA

#CA2E22

Color Blindness Simulation

Original

#6ACA22

Protanopia

#94944B

Deuteranopia

#8E8754

Tritanopia

#6F6B72

Achromatopsia

#A9A9A9

CSS Usage

background-color: #6ACA22;
color: #6ACA22;
border-color: #6ACA22;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FCF3
100
#ECF8E2
200
#D8F5C2
300
#BCED96
400
#97E45D
500
#72DA25
600
#5CAF1D
700
#498C18
800
#396D12
900
#2C4F11
950
#1C320B

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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