#36F0BE

#36F0BE

Color Values

HEX

#36F0BE

RGB

54, 240, 190

HSL

163.9, 86.1%, 57.6%

HSV

163.9, 77.5%, 94.1%

CMYK

77.5%, 0.0%, 20.8%, 5.9%

OKLCH

0.8543 0.1595 169.5

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#36F0BE

#F03668

Analogous

#36F061

#36C5F0

#36F0BE

Triadic

#36F0BE

#BE36F0

#F0BE36

Split Complementary

#36F0BE

#F036C5

#F06136

Tetradic

#36F0BE

#6136F0

#F03668

#C5F036

Color Blindness Simulation

Original

#36F0BE

Protanopia

#8788CA

Deuteranopia

#7C6ECD

Tritanopia

#3FD4D6

Achromatopsia

#C5C5C5

CSS Usage

background-color: #36F0BE;
color: #36F0BE;
border-color: #36F0BE;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FDFA
100
#E0FAF3
200
#BDFAEA
300
#8DF6DA
400
#4FF2C6
500
#12EDB2
600
#0EBE8F
700
#0B9872
800
#097759
900
#0B5642
950
#07362A

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.36:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026