#5FCE6B

#5FCE6B

Color Values

HEX

#5FCE6B

RGB

95, 206, 107

HSL

126.5, 53.1%, 59.0%

HSV

126.5, 53.9%, 80.8%

CMYK

53.9%, 0.0%, 48.1%, 19.2%

OKLCH

0.7633 0.1711 145.8

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#5FCE6B

#CE5FC2

Analogous

#8ACE5F

#5FCEA2

#5FCE6B

Triadic

#5FCE6B

#6B5FCE

#CE6B5F

Split Complementary

#5FCE6B

#A25FCE

#CE5F8A

Tetradic

#5FCE6B

#5F8ACE

#CE5FC2

#CEA25F

Color Blindness Simulation

Original

#5FCE6B

Protanopia

#8F9083

Deuteranopia

#898089

Tritanopia

#65969A

Achromatopsia

#AFAFAF

CSS Usage

background-color: #5FCE6B;
color: #5FCE6B;
border-color: #5FCE6B;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F4FBF5
100
#E5F5E7
200
#C8EECC
300
#A1E2A8
400
#6FD379
500
#3CC34A
600
#309C3C
700
#267D30
800
#1E6225
900
#19481E
950
#102D13

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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