#5BBC86

#5BBC86

Color Values

HEX

#5BBC86

RGB

91, 188, 134

HSL

146.6, 42.0%, 54.7%

HSV

146.6, 51.6%, 73.7%

CMYK

51.6%, 0.0%, 28.7%, 26.3%

OKLCH

0.7219 0.1221 157.0

Properties

Cool Light Nearest: Mountain Meadow

Color Harmonies

Complementary

#5BBC86

#BC5B91

Analogous

#60BC5B

#5BBCB7

#5BBC86

Triadic

#5BBC86

#865BBC

#BC865B

Split Complementary

#5BBC86

#B75BBC

#BC5B60

Tetradic

#5BBC86

#5B60BC

#BC5B91

#BCB75B

Color Blindness Simulation

Original

#5BBC86

Protanopia

#858693

Deuteranopia

#7F7896

Tritanopia

#609DA0

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F4EC
200
#CCEADA
300
#A8DCBF
400
#79C89C
500
#4AB579
600
#3B9161
700
#2F744E
800
#255B3D
900
#1E432E
950
#132A1D

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

8.98:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026