#46CB8C

#46CB8C

Color Values

HEX

#46CB8C

RGB

70, 203, 140

HSL

151.6, 56.1%, 53.5%

HSV

151.6, 65.5%, 79.6%

CMYK

65.5%, 0.0%, 31.0%, 20.4%

OKLCH

0.7538 0.1478 158.8

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#46CB8C

#CB4685

Analogous

#46CB49

#46C7CB

#46CB8C

Triadic

#46CB8C

#8C46CB

#CB8C46

Split Complementary

#46CB8C

#CB46C7

#CB4946

Tetradic

#46CB8C

#4946CB

#CB4685

#C7CB46

Color Blindness Simulation

Original

#46CB8C

Protanopia

#80819B

Deuteranopia

#786E9F

Tritanopia

#4DA7AA

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E5F6EE
200
#C7EFDC
300
#9FE4C4
400
#6CD6A3
500
#38C783
600
#2D9F69
700
#247F54
800
#1C6442
900
#184932
950
#0F2E1F

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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