#6EC212

#6EC212

Color Values

HEX

#6EC212

RGB

110, 194, 18

HSL

88.6, 83.0%, 41.6%

HSV

88.6, 90.7%, 76.1%

CMYK

43.3%, 0.0%, 90.7%, 23.9%

OKLCH

0.7318 0.2052 133.9

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#6EC212

#6612C2

Analogous

#C2BE12

#16C212

#6EC212

Triadic

#6EC212

#126EC2

#C2126E

Split Complementary

#6EC212

#1216C2

#BE12C2

Tetradic

#6EC212

#12C2BE

#6612C2

#C21216

Color Blindness Simulation

Original

#6EC212

Protanopia

#92933D

Deuteranopia

#8E8747

Tritanopia

#725E66

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEFAE1
200
#DDF9BE
300
#C4F58F
400
#A4EF52
500
#84E916
600
#6ABB11
700
#55950E
800
#42750B
900
#32550C
950
#203508

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

9.39:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026