#8BAF82

#8BAF82

Color Values

HEX

#8BAF82

RGB

139, 175, 130

HSL

108,0, 22,0%, 59,8%

HSV

108,0, 25,7%, 68,6%

CMYK

20,6%, 0,0%, 25,7%, 31,4%

OKLCH

0,7153 0,075 139,4

Properties

Cool Light Nearest: RAL 6021 Pale Green

Color Harmonies

Complementary

#8BAF82

#A682AF

Analogous

#A2AF82

#82AF8F

#8BAF82

Triadic

#8BAF82

#828BAF

#AF828B

Split Complementary

#8BAF82

#8F82AF

#AF82A2

Tetradic

#8BAF82

#82A2AF

#A682AF

#AF8F82

Color Blindness Simulation

Original

#8BAF82

Protanopia

#9B9B8D

Deuteranopia

#989690

Tritanopia

#8D9597

Achromatopsia

#A4A4A4

CSS Usage

background-color: #8BAF82;
color: #8BAF82;
border-color: #8BAF82;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F6F9F6
100
#EBF0EA
200
#D7E3D3
300
#BACFB4
400
#94B58C
500
#6F9C63
600
#597C50
700
#476440
800
#374E32
900
#2B3A27
950
#1B2519

Contrast Checker

Text on white

2,46:1

AA Fail AAA Fail

Text on black

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