#ACEF5F

#ACEF5F

Color Values

HEX

#ACEF5F

RGB

172, 239, 95

HSL

87.9, 81.8%, 65.5%

HSV

87.9, 60.3%, 93.7%

CMYK

28.0%, 0.0%, 60.3%, 6.3%

OKLCH

0.8787 0.1871 130.5

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#ACEF5F

#A25FEF

Analogous

#EFEA5F

#64EF5F

#ACEF5F

Triadic

#ACEF5F

#5FACEF

#EF5FAC

Split Complementary

#ACEF5F

#5F64EF

#EA5FEF

Tetradic

#ACEF5F

#5FEFEA

#A25FEF

#EF5F64

Color Blindness Simulation

Original

#ACEF5F

Protanopia

#C9CA82

Deuteranopia

#C5C08A

Tritanopia

#AF9DA3

Achromatopsia

#D6D6D6

CSS Usage

background-color: #ACEF5F;
color: #ACEF5F;
border-color: #ACEF5F;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F8FDF2
100
#EEFAE1
200
#DDF9BE
300
#C5F490
400
#A6EE53
500
#87E817
600
#6CB913
700
#56940F
800
#43740C
900
#33540D
950
#203508

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.27:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026