#5BBD62

#5BBD62

Color Values

HEX

#5BBD62

RGB

91, 189, 98

HSL

124.3, 42.6%, 54.9%

HSV

124.3, 51.9%, 74.1%

CMYK

51.9%, 0.0%, 48.1%, 25.9%

OKLCH

0.7175 0.158 145.1

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#5BBD62

#BD5BB6

Analogous

#85BD5B

#5BBD93

#5BBD62

Triadic

#5BBD62

#625BBD

#BD625B

Split Complementary

#5BBD62

#935BBD

#BD5B85

Tetradic

#5BBD62

#5B85BD

#BD5BB6

#BD935B

Color Blindness Simulation

Original

#5BBD62

Protanopia

#858678

Deuteranopia

#80787D

Tritanopia

#60898D

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F4E8
200
#CCEBCE
300
#A8DCAB
400
#78C97E
500
#49B651
600
#3B9141
700
#2F7434
800
#255B28
900
#1E4321
950
#132A15

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.9: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