#89EF1C

#89EF1C

Color Values

HEX

#89EF1C

RGB

137, 239, 28

HSL

89.0, 86.8%, 52.4%

HSV

89.0, 88.3%, 93.7%

CMYK

42.7%, 0.0%, 88.3%, 6.3%

OKLCH

0.8561 0.2392 133.9

Properties

Cool Light Nearest: chartreuse 2

Color Harmonies

Complementary

#89EF1C

#821CEF

Analogous

#EFEB1C

#20EF1C

#89EF1C

Triadic

#89EF1C

#1C89EF

#EF1C89

Split Complementary

#89EF1C

#1C20EF

#EB1CEF

Tetradic

#89EF1C

#1CEFEB

#821CEF

#EF1C20

Color Blindness Simulation

Original

#89EF1C

Protanopia

#B5B64F

Deuteranopia

#AFA85B

Tritanopia

#8E7780

Achromatopsia

#CACACA

CSS Usage

background-color: #89EF1C;
color: #89EF1C;
border-color: #89EF1C;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F8FDF2
100
#EEFAE0
200
#DCFABC
300
#C4F78D
400
#A3F34F
500
#83EE11
600
#69BF0D
700
#54980B
800
#427708
900
#32560B
950
#1F3707

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.43:1

AA Pass AAA Pass

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026