#1CD346

#1CD346

Color Values

HEX

#1CD346

RGB

28, 211, 70

HSL

133.8, 76.6%, 46.9%

HSV

133.8, 86.7%, 82.7%

CMYK

86.7%, 0.0%, 66.8%, 17.3%

OKLCH

0.7561 0.2275 145.5

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#1CD346

#D31CA9

Analogous

#4DD31C

#1CD3A2

#1CD346

Triadic

#1CD346

#461CD3

#D3461C

Split Complementary

#1CD346

#A21CD3

#D31C4D

Tetradic

#1CD346

#1C4DD3

#D31CA9

#D3A21C

Color Blindness Simulation

Original

#1CD346

Protanopia

#6B6D68

Deuteranopia

#615370

Tritanopia

#258389

Achromatopsia

#A2A2A2

CSS Usage

background-color: #1CD346;
color: #1CD346;
border-color: #1CD346;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F2FCF5
100
#E2F9E7
200
#C0F7CD
300
#93F1A8
400
#58E97A
500
#1EE14B
600
#18B43C
700
#139030
800
#0F7125
900
#0F521E
950
#0A3413

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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