#D5863C

#D5863C

Color Values

HEX

#D5863C

RGB

213, 134, 60

HSL

29.0, 64.6%, 53.5%

HSV

29.0, 71.8%, 83.5%

CMYK

0.0%, 37.1%, 71.8%, 16.5%

OKLCH

0.6895 0.1309 60.6

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#D5863C

#3C8BD5

Analogous

#D53C3E

#D5D23C

#D5863C

Triadic

#D5863C

#3CD586

#863CD5

Split Complementary

#D5863C

#3CD5D2

#3C3ED5

Tetradic

#D5863C

#3ED53C

#3C8BD5

#D23CD5

Color Blindness Simulation

Original

#D5863C

Protanopia

#B3B24E

Deuteranopia

#B7BD52

Tritanopia

#D15C5F

Achromatopsia

#919191

CSS Usage

background-color: #D5863C;
color: #D5863C;
border-color: #D5863C;
Nearest Tailwind: Orange 400 #FB923C

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F2DBC4
300
#E9C09A
400
#DE9F64
500
#D27D2D
600
#A86424
700
#86501D
800
#693E17
900
#4D3014
950
#301E0D

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

7.3:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026