#46F095

#46F095

Color Values

HEX

#46F095

RGB

70, 240, 149

HSL

147.9, 85.0%, 60.8%

HSV

147.9, 70.8%, 94.1%

CMYK

70.8%, 0.0%, 37.9%, 5.9%

OKLCH

0.8482 0.1877 154.9

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#46F095

#F046A1

Analogous

#4CF046

#46F0EA

#46F095

Triadic

#46F095

#9546F0

#F09546

Split Complementary

#46F095

#EA46F0

#F0464C

Tetradic

#46F095

#464CF0

#F046A1

#F0EA46

Color Blindness Simulation

Original

#46F095

Protanopia

#9091AB

Deuteranopia

#8679B0

Tritanopia

#4EBCC0

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FAEC
200
#BDFAD9
300
#8EF6BE
400
#50F19B
500
#13EC78
600
#0FBD60
700
#0C974D
800
#0A763C
900
#0B562E
950
#07361D

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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