#8BCF93

#8BCF93

Color Values

HEX

#8BCF93

RGB

139, 207, 147

HSL

127.1, 41.5%, 67.8%

HSV

127.1, 32.9%, 81.2%

CMYK

32.9%, 0.0%, 29.0%, 18.8%

OKLCH

0.7934 0.1089 147.4

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#8BCF93

#CF8BC7

Analogous

#A5CF8B

#8BCFB5

#8BCF93

Triadic

#8BCF93

#938BCF

#CF938B

Split Complementary

#8BCF93

#B58BCF

#CF8BA5

Tetradic

#8BCF93

#8BA5CF

#CF8BC7

#CFB58B

Color Blindness Simulation

Original

#8BCF93

Protanopia

#A8A9A2

Deuteranopia

#A49FA5

Tritanopia

#8EADB0

Achromatopsia

#BCBCBC

CSS Usage

background-color: #8BCF93;
color: #8BCF93;
border-color: #8BCF93;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CCEAD0
300
#A8DBAE
400
#79C883
500
#4BB457
600
#3C9046
700
#307338
800
#255A2C
900
#1E4323
950
#132A16

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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