#46AF66

#46AF66

Color Values

HEX

#46AF66

RGB

70, 175, 102

HSL

138.3, 42.9%, 48.0%

HSV

138.3, 60.0%, 68.6%

CMYK

60.0%, 0.0%, 41.7%, 31.4%

OKLCH

0.6745 0.1446 150.6

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#46AF66

#AF468F

Analogous

#5AAF46

#46AF9A

#46AF66

Triadic

#46AF66

#6646AF

#AF6646

Split Complementary

#46AF66

#9A46AF

#AF465A

Tetradic

#46AF66

#465AAF

#AF468F

#AF9A46

Color Blindness Simulation

Original

#46AF66

Protanopia

#737478

Deuteranopia

#6D667C

Tritanopia

#4B8689

Achromatopsia

#939393

CSS Usage

background-color: #46AF66;
color: #46AF66;
border-color: #46AF66;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FAF6
100
#E7F4EB
200
#CCEBD5
300
#A8DCB8
400
#78C991
500
#49B66A
600
#3A9255
700
#2F7544
800
#245B35
900
#1E4329
950
#132A1A

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

7.58:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026