#DC6823

#DC6823

Color Values

HEX

#DC6823

RGB

220, 104, 35

HSL

22.4, 72.5%, 50.0%

HSV

22.4, 84.1%, 86.3%

CMYK

0.0%, 52.7%, 84.1%, 13.7%

OKLCH

0.6475 0.1642 46.7

Properties

Warm Light Nearest: chocolate

Color Harmonies

Complementary

#DC6823

#2397DC

Analogous

#DC233A

#DCC523

#DC6823

Triadic

#DC6823

#23DC68

#6823DC

Split Complementary

#DC6823

#23DCC5

#233ADC

Tetradic

#DC6823

#3ADC23

#2397DC

#C523DC

Color Blindness Simulation

Original

#DC6823

Protanopia

#AAA934

Deuteranopia

#B0B938

Tritanopia

#D64144

Achromatopsia

#7C7C7C

CSS Usage

background-color: #DC6823;
color: #DC6823;
border-color: #DC6823;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FCF6F3
100
#F8EAE2
200
#F5D5C1
300
#EEB795
400
#E58F5C
500
#DC6823
600
#B0531C
700
#8D4316
800
#6E3412
900
#502811
950
#331A0B

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

6.05:1

AA Pass AAA Fail

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