#5FBF87

#5FBF87

Color Values

HEX

#5FBF87

RGB

95, 191, 135

HSL

145.0, 42.9%, 56.1%

HSV

145.0, 50.3%, 74.9%

CMYK

50.3%, 0.0%, 29.3%, 25.1%

OKLCH

0.7311 0.1233 156.0

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#5FBF87

#BF5F97

Analogous

#67BF5F

#5FBFB7

#5FBF87

Triadic

#5FBF87

#875FBF

#BF875F

Split Complementary

#5FBF87

#B75FBF

#BF5F67

Tetradic

#5FBF87

#5F67BF

#BF5F97

#BFB75F

Color Blindness Simulation

Original

#5FBF87

Protanopia

#898995

Deuteranopia

#837C98

Tritanopia

#649FA2

Achromatopsia

#A7A7A7

CSS Usage

background-color: #5FBF87;
color: #5FBF87;
border-color: #5FBF87;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF7
100
#E7F4EC
200
#CCEBD9
300
#A8DCBD
400
#78C99A
500
#49B676
600
#3A925F
700
#2F754C
800
#245B3B
900
#1E432D
950
#132A1D

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

9.29:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026