#D6863D

#D6863D

Color Values

HEX

#D6863D

RGB

214, 134, 61

HSL

28.6, 65.1%, 53.9%

HSV

28.6, 71.5%, 83.9%

CMYK

0.0%, 37.4%, 71.5%, 16.1%

OKLCH

0.6908 0.1312 60.0

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#D6863D

#3D8DD6

Analogous

#D63D40

#D6D23D

#D6863D

Triadic

#D6863D

#3DD686

#863DD6

Split Complementary

#D6863D

#3DD6D2

#3D40D6

Tetradic

#D6863D

#40D63D

#3D8DD6

#D23DD6

Color Blindness Simulation

Original

#D6863D

Protanopia

#B3B34F

Deuteranopia

#B8BE53

Tritanopia

#D25D60

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F3DAC4
300
#EAC09A
400
#DE9E63
500
#D37C2C
600
#A86324
700
#874F1C
800
#693E16
900
#4D2F14
950
#311E0D

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.34:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026