#96554D

#96554D

Color Values

HEX

#96554D

RGB

150, 85, 77

HSL

6.6, 32.2%, 44.5%

HSV

6.6, 48.7%, 58.8%

CMYK

0.0%, 43.3%, 48.7%, 41.2%

OKLCH

0.5231 0.088 27.9

Properties

Warm Dark Nearest: salmon 4

Color Harmonies

Complementary

#96554D

#4D8E96

Analogous

#964D69

#967A4D

#96554D

Triadic

#96554D

#4D9655

#554D96

Split Complementary

#96554D

#4D967A

#4D6996

Tetradic

#96554D

#69964D

#4D8E96

#7A4D96

Color Blindness Simulation

Original

#96554D

Protanopia

#7A794F

Deuteranopia

#7E824F

Tritanopia

#935051

Achromatopsia

#626262

CSS Usage

background-color: #96554D;
color: #96554D;
border-color: #96554D;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#F9F6F5
100
#F2E9E8
200
#E7D2D0
300
#D6B2AE
400
#BF8982
500
#A95F56
600
#874C45
700
#6C3D37
800
#54302B
900
#3E2522
950
#271816

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

3.7:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026