#8F554F

#8F554F

Color Values

HEX

#8F554F

RGB

143, 85, 79

HSL

5.6, 28.8%, 43.5%

HSV

5.6, 44.8%, 56.1%

CMYK

0.0%, 40.6%, 44.8%, 43.9%

OKLCH

0.5142 0.0784 26.5

Properties

Warm Dark Nearest: lightsalmon 4

Color Harmonies

Complementary

#8F554F

#4F898F

Analogous

#8F4F69

#8F754F

#8F554F

Triadic

#8F554F

#4F8F55

#554F8F

Split Complementary

#8F554F

#4F8F75

#4F698F

Tetradic

#8F554F

#698F4F

#4F898F

#754F8F

Color Blindness Simulation

Original

#8F554F

Protanopia

#767550

Deuteranopia

#797E51

Tritanopia

#8C5252

Achromatopsia

#616161

CSS Usage

background-color: #8F554F;
color: #8F554F;
border-color: #8F554F;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#F9F6F5
100
#F2EAE9
200
#E6D3D1
300
#D3B3B0
400
#BC8B85
500
#A4625B
600
#834E49
700
#693E3A
800
#52312D
900
#3D2624
950
#271817

Contrast Checker

Text on white

5.87:1

AA Pass AAA Fail

Text on black

3.58:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026