#46DF55

#46DF55

Color Values

HEX

#46DF55

RGB

70, 223, 85

HSL

125.9, 70.5%, 57.5%

HSV

125.9, 68.6%, 87.5%

CMYK

68.6%, 0.0%, 61.9%, 12.5%

OKLCH

0.7959 0.2207 144.6

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#46DF55

#DF46D0

Analogous

#84DF46

#46DFA2

#46DF55

Triadic

#46DF55

#5546DF

#DF5546

Split Complementary

#46DF55

#A246DF

#DF4684

Tetradic

#46DF55

#4684DF

#DF46D0

#DFA246

Color Blindness Simulation

Original

#46DF55

Protanopia

#888A76

Deuteranopia

#7F747E

Tritanopia

#4E9197

Achromatopsia

#B5B5B5

CSS Usage

background-color: #46DF55;
color: #46DF55;
border-color: #46DF55;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF4
100
#E2F8E5
200
#C2F4C7
300
#97ED9F
400
#5EE36B
500
#26D937
600
#1EAE2C
700
#188B23
800
#136D1C
900
#124F18
950
#0B320F

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

11.95:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026