#46C792

#46C792

Color Values

HEX

#46C792

RGB

70, 199, 146

HSL

155.3, 53.5%, 52.7%

HSV

155.3, 64.8%, 78.0%

CMYK

64.8%, 0.0%, 26.6%, 22.0%

OKLCH

0.7452 0.1374 162.3

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#46C792

#C7467B

Analogous

#46C751

#46BCC7

#46C792

Triadic

#46C792

#9246C7

#C79246

Split Complementary

#46C792

#C746BC

#C75146

Tetradic

#46C792

#5146C7

#C7467B

#BCC746

Color Blindness Simulation

Original

#46C792

Protanopia

#7E7F9F

Deuteranopia

#766DA2

Tritanopia

#4CA9AB

Achromatopsia

#A8A8A8

CSS Usage

background-color: #46C792;
color: #46C792;
border-color: #46C792;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F4FBF8
100
#E5F5EF
200
#C8EEDF
300
#A1E3C8
400
#6ED3AA
500
#3BC48C
600
#2F9D70
700
#267D59
800
#1E6246
900
#194835
950
#102D21

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

9.84:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026