#27C222

#27C222

Color Values

HEX

#27C222

RGB

39, 194, 34

HSL

118.1, 70.2%, 44.7%

HSV

118.1, 82.5%, 76.1%

CMYK

79.9%, 0.0%, 82.5%, 23.9%

OKLCH

0.7098 0.2271 142.5

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#27C222

#BD22C2

Analogous

#77C222

#22C26D

#27C222

Triadic

#27C222

#2227C2

#C22227

Split Complementary

#27C222

#6D22C2

#C22277

Tetradic

#27C222

#2277C2

#BD22C2

#C26D22

Color Blindness Simulation

Original

#27C222

Protanopia

#6A6B49

Deuteranopia

#615652

Tritanopia

#2F676E

Achromatopsia

#959595

CSS Usage

background-color: #27C222;
color: #27C222;
border-color: #27C222;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F3FCF3
100
#E3F8E2
200
#C4F4C2
300
#9AED97
400
#63E35E
500
#2CD926
600
#23AE1E
700
#1C8B18
800
#166D13
900
#144F12
950
#0C320B

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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