#6B8D86

#6B8D86

Color Values

HEX

#6B8D86

RGB

107, 141, 134

HSL

167.6, 13.7%, 48.6%

HSV

167.6, 24.1%, 55.3%

CMYK

24.1%, 0.0%, 5.0%, 44.7%

OKLCH

0.6156 0.0396 180.9

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#6B8D86

#8D6B72

Analogous

#6B8D75

#6B838D

#6B8D86

Triadic

#6B8D86

#866B8D

#8D866B

Split Complementary

#6B8D86

#8D6B83

#8D756B

Tetradic

#6B8D86

#756B8D

#8D6B72

#838D6B

Color Blindness Simulation

Original

#6B8D86

Protanopia

#7A7A88

Deuteranopia

#787588

Tritanopia

#6D8989

Achromatopsia

#858585

CSS Usage

background-color: #6B8D86;
color: #6B8D86;
border-color: #6B8D86;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D6E0DE
300
#B9CAC7
400
#94AEA8
500
#6E918A
600
#58746E
700
#465D58
800
#374845
900
#2A3634
950
#1B2221

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

5.78:1

AA Pass AAA Fail

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