#D3896F

#D3896F

Color Values

HEX

#D3896F

RGB

211, 137, 111

HSL

15.6, 53.2%, 63.1%

HSV

15.6, 47.4%, 82.7%

CMYK

0.0%, 35.1%, 47.4%, 17.3%

OKLCH

0.6998 0.0986 40.1

Properties

Warm Light Nearest: lightsalmon 3

Color Harmonies

Complementary

#D3896F

#6FB9D3

Analogous

#D36F87

#D3BB6F

#D3896F

Triadic

#D3896F

#6FD389

#896FD3

Split Complementary

#D3896F

#6FD3BB

#6F87D3

Tetradic

#D3896F

#87D36F

#6FB9D3

#BB6FD3

Color Blindness Simulation

Original

#D3896F

Protanopia

#B3B275

Deuteranopia

#B7BD77

Tritanopia

#CF7A7B

Achromatopsia

#979797

CSS Usage

background-color: #D3896F;
color: #D3896F;
border-color: #D3896F;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FBF6F4
100
#F5E9E5
200
#EED2C8
300
#E2B2A1
400
#D3896E
500
#C35F3C
600
#9C4C30
700
#7D3D26
800
#622F1E
900
#482519
950
#2D1810

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

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