#36F098

#36F098

Color Values

HEX

#36F098

RGB

54, 240, 152

HSL

151.6, 86.1%, 57.6%

HSV

151.6, 77.5%, 94.1%

CMYK

77.5%, 0.0%, 36.7%, 5.9%

OKLCH

0.8458 0.1896 156.7

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#36F098

#F0368E

Analogous

#36F03B

#36EBF0

#36F098

Triadic

#36F098

#9836F0

#F09836

Split Complementary

#36F098

#F036EB

#F03B36

Tetradic

#36F098

#3B36F0

#F0368E

#EBF036

Color Blindness Simulation

Original

#36F098

Protanopia

#8788AD

Deuteranopia

#7C6EB2

Tritanopia

#3FBEC2

Achromatopsia

#C2C2C2

CSS Usage

background-color: #36F098;
color: #36F098;
border-color: #36F098;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF8
100
#E0FAEE
200
#BDFADD
300
#8DF6C5
400
#4FF2A5
500
#12ED85
600
#0EBE6B
700
#0B9855
800
#097743
900
#0B5632
950
#073620

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.07:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026