#5FBD97

#5FBD97

Color Values

HEX

#5FBD97

RGB

95, 189, 151

HSL

155.7, 41.6%, 55.7%

HSV

155.7, 49.7%, 74.1%

CMYK

49.7%, 0.0%, 20.1%, 25.9%

OKLCH

0.7301 0.1066 165.0

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#5FBD97

#BD5F85

Analogous

#5FBD68

#5FB4BD

#5FBD97

Triadic

#5FBD97

#975FBD

#BD975F

Split Complementary

#5FBD97

#BD5FB4

#BD685F

Tetradic

#5FBD97

#685FBD

#BD5F85

#B4BD5F

Color Blindness Simulation

Original

#5FBD97

Protanopia

#8889A0

Deuteranopia

#827BA2

Tritanopia

#64A7A9

Achromatopsia

#A6A6A6

CSS Usage

background-color: #5FBD97;
color: #5FBD97;
border-color: #5FBD97;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CCEADE
300
#A8DBC7
400
#79C8A8
500
#4AB58A
600
#3C906E
700
#307458
800
#255A45
900
#1E4334
950
#132A21

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.21:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026