#36F5CC

#36F5CC

Color Values

HEX

#36F5CC

RGB

54, 245, 204

HSL

167.1, 90.5%, 58.6%

HSV

167.1, 78.0%, 96.1%

CMYK

78.0%, 0.0%, 16.7%, 3.9%

OKLCH

0.8702 0.1561 173.8

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#36F5CC

#F5365F

Analogous

#36F56C

#36BFF5

#36F5CC

Triadic

#36F5CC

#CC36F5

#F5CC36

Split Complementary

#36F5CC

#F536BF

#F56C36

Tetradic

#36F5CC

#6C36F5

#F5365F

#BFF536

Color Blindness Simulation

Original

#36F5CC

Protanopia

#898AD6

Deuteranopia

#7E6FD8

Tritanopia

#40DEDF

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F1FDFB
100
#DFFBF5
200
#BBFCEE
300
#8AF9E1
400
#4BF6D1
500
#0CF3C1
600
#0AC29B
700
#089B7C
800
#067961
900
#095847
950
#06382D

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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