#DA7F43

#DA7F43

Color Values

HEX

#DA7F43

RGB

218, 127, 67

HSL

23.8, 67.1%, 55.9%

HSV

23.8, 69.3%, 85.5%

CMYK

0.0%, 41.7%, 69.3%, 14.5%

OKLCH

0.6843 0.1351 51.9

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#DA7F43

#439EDA

Analogous

#DA4353

#DACA43

#DA7F43

Triadic

#DA7F43

#43DA7F

#7F43DA

Split Complementary

#DA7F43

#43DACA

#4353DA

Tetradic

#DA7F43

#53DA43

#439EDA

#CA43DA

Color Blindness Simulation

Original

#DA7F43

Protanopia

#B3B252

Deuteranopia

#B8BF55

Tritanopia

#D55D60

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#FCF6F3
100
#F7EBE3
200
#F3D6C3
300
#EBB999
400
#E09461
500
#D56E2A
600
#AA5822
700
#88461B
800
#6B3715
900
#4E2A13
950
#311B0C

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

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