#1CCF22

#1CCF22

Color Values

HEX

#1CCF22

RGB

28, 207, 34

HSL

122.0, 76.2%, 46.1%

HSV

122.0, 86.5%, 81.2%

CMYK

86.5%, 0.0%, 83.6%, 18.8%

OKLCH

0.7431 0.242 142.9

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#1CCF22

#CF1CC9

Analogous

#70CF1C

#1CCF7C

#1CCF22

Triadic

#1CCF22

#221CCF

#CF221C

Split Complementary

#1CCF22

#7C1CCF

#CF1C70

Tetradic

#1CCF22

#1C70CF

#CF1CC9

#CF7C1C

Color Blindness Simulation

Original

#1CCF22

Protanopia

#6A6B4C

Deuteranopia

#5F5256

Tritanopia

#256D74

Achromatopsia

#9C9C9C

CSS Usage

background-color: #1CCF22;
color: #1CCF22;
border-color: #1CCF22;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FCF3
100
#E2F9E2
200
#C0F7C2
300
#93F096
400
#59E95E
500
#1EE125
600
#18B41D
700
#139018
800
#0F7012
900
#0F5211
950
#0A340B

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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