#D58B3F

#D58B3F

Color Values

HEX

#D58B3F

RGB

213, 139, 63

HSL

30.4, 64.1%, 54.1%

HSV

30.4, 70.4%, 83.5%

CMYK

0.0%, 34.7%, 70.4%, 16.5%

OKLCH

0.6988 0.1278 63.5

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#D58B3F

#3F89D5

Analogous

#D5403F

#D4D53F

#D58B3F

Triadic

#D58B3F

#3FD58B

#8B3FD5

Split Complementary

#D58B3F

#3FD4D5

#403FD5

Tetradic

#D58B3F

#3FD540

#3F89D5

#D53FD4

Color Blindness Simulation

Original

#D58B3F

Protanopia

#B5B451

Deuteranopia

#B9BF56

Tritanopia

#D16063

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F2DCC4
300
#E9C29B
400
#DDA164
500
#D1812E
600
#A76725
700
#86521D
800
#694017
900
#4C3114
950
#301F0D

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

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