#69320C

#69320C

Color Values

HEX

#69320C

RGB

105, 50, 12

HSL

24.5, 79.5%, 22.9%

HSV

24.5, 88.6%, 41.2%

CMYK

0.0%, 52.4%, 88.6%, 58.8%

OKLCH

0.3841 0.092 50.2

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#69320C

#0C4369

Analogous

#690C14

#69600C

#69320C

Triadic

#69320C

#0C6932

#320C69

Split Complementary

#69320C

#0C6960

#0C1469

Tetradic

#69320C

#14690C

#0C4369

#600C69

Color Blindness Simulation

Original

#69320C

Protanopia

#515115

Deuteranopia

#545817

Tritanopia

#661C1E

Achromatopsia

#3B3B3B

CSS Usage

background-color: #69320C;
color: #69320C;
border-color: #69320C;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FDF6F2
100
#F9EBE1
200
#F8D6BF
300
#F2B991
400
#EC9356
500
#E56D1A
600
#B75715
700
#924611
800
#72360D
900
#532A0E
950
#341B09

Contrast Checker

Text on white

10.18:1

AA Pass AAA Pass

Text on black

2.06:1

AA Fail 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