#5BBC69

#5BBC69

Color Values

HEX

#5BBC69

RGB

91, 188, 105

HSL

128,7, 42,0%, 54,7%

HSV

128,7, 51,6%, 73,7%

CMYK

51,6%, 0,0%, 44,1%, 26,3%

OKLCH

0,7161 0,1499 146,8

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#5BBC69

#BC5BAE

Analogous

#7DBC5B

#5BBC9A

#5BBC69

Triadic

#5BBC69

#695BBC

#BC695B

Split Complementary

#5BBC69

#9A5BBC

#BC5B7D

Tetradic

#5BBC69

#5B7DBC

#BC5BAE

#BC9A5B

Color Blindness Simulation

Original

#5BBC69

Protanopia

#85867D

Deuteranopia

#7F7882

Tritanopia

#608D90

Achromatopsia

#A1A1A1

CSS Usage

background-color: #5BBC69;
color: #5BBC69;
border-color: #5BBC69;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FAF5
100
#E7F4E9
200
#CCEAD1
300
#A8DCB0
400
#79C885
500
#4AB559
600
#3B9148
700
#2F7439
800
#255B2D
900
#1E4323
950
#132A16

Contrast Checker

Text on white

2,38:1

AA Fail AAA Fail

Text on black

8,84: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