#A3CF52

#A3CF52

Color Values

HEX

#A3CF52

RGB

163, 207, 82

HSL

81.1, 56.6%, 56.7%

HSV

81.1, 60.4%, 81.2%

CMYK

21.3%, 0.0%, 60.4%, 18.8%

OKLCH

0.798 0.1604 126.2

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#A3CF52

#7E52CF

Analogous

#CFBD52

#65CF52

#A3CF52

Triadic

#A3CF52

#52A3CF

#CF52A3

Split Complementary

#A3CF52

#5265CF

#BD52CF

Tetradic

#A3CF52

#52CFBD

#7E52CF

#CF5265

Color Blindness Simulation

Original

#A3CF52

Protanopia

#B6B670

Deuteranopia

#B4B078

Tritanopia

#A5888D

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#F0F6E5
200
#E1F0C7
300
#CCE49F
400
#B0D66B
500
#95C837
600
#77A02C
700
#5F8023
800
#4A641C
900
#384918
950
#232E0F

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

11.6:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026