#A3FC46

#A3FC46

Color Values

HEX

#A3FC46

RGB

163, 252, 70

HSL

89.3, 96.8%, 63.1%

HSV

89.3, 72.2%, 98.8%

CMYK

35.3%, 0.0%, 72.2%, 1.2%

OKLCH

0.9019 0.2243 132.4

Properties

Cool Light Nearest: greenyellow

Color Harmonies

Complementary

#A3FC46

#9F46FC

Analogous

#FCFA46

#48FC46

#A3FC46

Triadic

#A3FC46

#46A3FC

#FC46A3

Split Complementary

#A3FC46

#4648FC

#FA46FC

Tetradic

#A3FC46

#46FCFA

#9F46FC

#FC4648

Color Blindness Simulation

Original

#A3FC46

Protanopia

#CACA72

Deuteranopia

#C4BE7D

Tritanopia

#A7959C

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F7FEF1
100
#EDFCDE
200
#DCFEB9
300
#C3FD87
400
#A3FC45
500
#82FB04
600
#68C903
700
#53A103
800
#417D02
900
#315B06
950
#1F3904

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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