#692016

#692016

Color Values

HEX

#692016

RGB

105, 32, 22

HSL

7,2, 65,4%, 24,9%

HSV

7,2, 79,0%, 41,2%

CMYK

0,0%, 69,5%, 79,0%, 58,8%

OKLCH

0,3569 0,1065 30,7

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#692016

#165F69

Analogous

#691636

#694916

#692016

Triadic

#692016

#166920

#201669

Split Complementary

#692016

#166949

#163669

Tetradic

#692016

#366916

#165F69

#491669

Color Blindness Simulation

Original

#692016

Protanopia

#494918

Deuteranopia

#4E5319

Tritanopia

#651A1B

Achromatopsia

#2F2F2F

CSS Usage

background-color: #692016;
color: #692016;
border-color: #692016;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FCF4F3
100
#F7E6E3
200
#F3CAC4
300
#EAA39A
400
#DE7263
500
#D3402C
600
#A93323
700
#87291C
800
#692016
900
#4D1B14
950
#31110D

Contrast Checker

Text on white

11,55:1

AA Pass AAA Pass

Text on black

1,82: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