#6AC212

#6AC212

Color Values

HEX

#6AC212

RGB

106, 194, 18

HSL

90.0, 83.0%, 41.6%

HSV

90.0, 90.7%, 76.1%

CMYK

45.4%, 0.0%, 90.7%, 23.9%

OKLCH

0.7299 0.2072 134.6

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#6AC212

#6A12C2

Analogous

#C2C212

#12C212

#6AC212

Triadic

#6AC212

#126AC2

#C2126A

Split Complementary

#6AC212

#1212C2

#C212C2

Tetradic

#6AC212

#12C2C2

#6A12C2

#C21212

Color Blindness Simulation

Original

#6AC212

Protanopia

#90913D

Deuteranopia

#8B8447

Tritanopia

#6E5E66

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#EDFAE1
200
#DBF9BE
300
#C2F58F
400
#A1EF52
500
#80E916
600
#66BB11
700
#52950E
800
#40750B
900
#30550C
950
#1F3508

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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