#5DBB66

#5DBB66

Color Values

HEX

#5DBB66

RGB

93, 187, 102

HSL

125,7, 40,9%, 54,9%

HSV

125,7, 50,3%, 73,3%

CMYK

50,3%, 0,0%, 45,5%, 26,7%

OKLCH

0,7139 0,1503 145,7

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#5DBB66

#BB5DB2

Analogous

#83BB5D

#5DBB95

#5DBB66

Triadic

#5DBB66

#665DBB

#BB665D

Split Complementary

#5DBB66

#955DBB

#BB5D83

Tetradic

#5DBB66

#5D83BB

#BB5DB2

#BB955D

Color Blindness Simulation

Original

#5DBB66

Protanopia

#86877B

Deuteranopia

#807980

Tritanopia

#628B8E

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDEACF
300
#A9DBAE
400
#7AC781
500
#4BB455
600
#3C9044
700
#307337
800
#265A2B
900
#1F4222
950
#132A15

Contrast Checker

Text on white

2,4:1

AA Fail AAA Fail

Text on black

8,77:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026