#46AA46

#46AA46

Color Values

HEX

#46AA46

RGB

70, 170, 70

HSL

120.0, 41.7%, 47.1%

HSV

120.0, 58.8%, 66.7%

CMYK

58.8%, 0.0%, 58.8%, 33.3%

OKLCH

0.6565 0.1672 143.4

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#46AA46

#AA46AA

Analogous

#78AA46

#46AA78

#46AA46

Triadic

#46AA46

#4646AA

#AA4646

Split Complementary

#46AA46

#7846AA

#AA4678

Tetradic

#46AA46

#4678AA

#AA46AA

#AA7846

Color Blindness Simulation

Original

#46AA46

Protanopia

#71725E

Deuteranopia

#6C6464

Tritanopia

#4B7176

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E7
200
#CCEACC
300
#A8DBA8
400
#79C879
500
#4AB54A
600
#3B913B
700
#307430
800
#255A25
900
#1E431E
950
#132A13

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

7.1:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026