#823323

#823323

Color Values

HEX

#823323

RGB

130, 51, 35

HSL

10.1, 57.6%, 32.4%

HSV

10.1, 73.1%, 51.0%

CMYK

0.0%, 60.8%, 73.1%, 49.0%

OKLCH

0.4293 0.113 33.2

Properties

Warm Dark Nearest: tomato 4

Color Harmonies

Complementary

#823323

#237282

Analogous

#822343

#826323

#823323

Triadic

#823323

#238233

#332382

Split Complementary

#823323

#238263

#234382

Tetradic

#823323

#438223

#237282

#632382

Color Blindness Simulation

Original

#823323

Protanopia

#605F27

Deuteranopia

#646A28

Tritanopia

#7E2A2B

Achromatopsia

#434343

CSS Usage

background-color: #823323;
color: #823323;
border-color: #823323;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FBF5F4
100
#F6E7E4
200
#F0CEC7
300
#E5AA9F
400
#D77D6A
500
#C94F36
600
#A13F2B
700
#813223
800
#64271B
900
#4A2017
950
#2E140F

Contrast Checker

Text on white

8.58:1

AA Pass AAA Pass

Text on black

2.45:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026