#46F20D

#46F20D

Color Values

HEX

#46F20D

RGB

70, 242, 13

HSL

105.1, 89.8%, 50.0%

HSV

105.1, 94.6%, 94.9%

CMYK

71.1%, 0.0%, 94.6%, 5.1%

OKLCH

0.8406 0.2716 140.6

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#46F20D

#B90DF2

Analogous

#B8F20D

#0DF247

#46F20D

Triadic

#46F20D

#0D46F2

#F20D46

Split Complementary

#46F20D

#470DF2

#F20DB8

Tetradic

#46F20D

#0DB8F2

#B90DF2

#F2470D

Color Blindness Simulation

Original

#46F20D

Protanopia

#919244

Deuteranopia

#867A52

Tritanopia

#4F707A

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F4FDF2
100
#E6FBE0
200
#CBFBBB
300
#A6F98B
400
#76F54C
500
#46F20D
600
#38C20A
700
#2D9B08
800
#237907
900
#1D5809
950
#123706

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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