#46DF90

#46DF90

Color Values

HEX

#46DF90

RGB

70, 223, 144

HSL

149.0, 70.5%, 57.5%

HSV

149.0, 68.6%, 87.5%

CMYK

68.6%, 0.0%, 35.4%, 12.5%

OKLCH

0.8049 0.1705 156.2

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#46DF90

#DF4695

Analogous

#49DF46

#46DFDC

#46DF90

Triadic

#46DF90

#9046DF

#DF9046

Split Complementary

#46DF90

#DC46DF

#DF4649

Tetradic

#46DF90

#4649DF

#DF4695

#DFDC46

Color Blindness Simulation

Original

#46DF90

Protanopia

#888AA3

Deuteranopia

#7F74A8

Tritanopia

#4EB2B6

Achromatopsia

#B9B9B9

CSS Usage

background-color: #46DF90;
color: #46DF90;
border-color: #46DF90;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F3FCF7
100
#E2F8ED
200
#C2F4DA
300
#97EDC0
400
#5EE39E
500
#26D97D
600
#1EAE64
700
#188B50
800
#136D3E
900
#124F2F
950
#0B321E

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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