#693B16

#693B16

Color Values

HEX

#693B16

RGB

105, 59, 22

HSL

26.7, 65.4%, 24.9%

HSV

26.7, 79.0%, 41.2%

CMYK

0.0%, 43.8%, 79.0%, 58.8%

OKLCH

0.4019 0.0818 56.0

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#693B16

#164469

Analogous

#69161B

#696416

#693B16

Triadic

#693B16

#16693B

#3B1669

Split Complementary

#693B16

#166964

#161B69

Tetradic

#693B16

#1B6916

#164469

#641669

Color Blindness Simulation

Original

#693B16

Protanopia

#55551F

Deuteranopia

#585B21

Tritanopia

#672628

Achromatopsia

#424242

CSS Usage

background-color: #693B16;
color: #693B16;
border-color: #693B16;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FCF7F3
100
#F7ECE3
200
#F3D9C4
300
#EABD9A
400
#DE9A63
500
#D3762C
600
#A95F23
700
#874C1C
800
#693B16
900
#4D2D14
950
#311D0D

Contrast Checker

Text on white

9.38:1

AA Pass AAA Pass

Text on black

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