#463022

#463022

Color Values

HEX

#463022

RGB

70, 48, 34

HSL

23.3, 34.6%, 20.4%

HSV

23.3, 51.4%, 27.5%

CMYK

0.0%, 31.4%, 51.4%, 72.5%

OKLCH

0.3311 0.0398 53.4

Properties

Warm Dark Nearest: RAL 8016 Mahogany Brown

Color Harmonies

Complementary

#463022

#223846

Analogous

#462226

#464222

#463022

Triadic

#463022

#224630

#302246

Split Complementary

#463022

#224642

#222646

Tetradic

#463022

#264622

#223846

#422246

Color Blindness Simulation

Original

#463022

Protanopia

#3C3C25

Deuteranopia

#3E3F26

Tritanopia

#452829

Achromatopsia

#343434

CSS Usage

background-color: #463022;
color: #463022;
border-color: #463022;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF7F5
100
#F2ECE8
200
#E8D9CF
300
#D7BDAD
400
#C19980
500
#AC7653
600
#895E43
700
#6E4B35
800
#563B2A
900
#402D21
950
#281C15

Contrast Checker

Text on white

12.31:1

AA Pass AAA Pass

Text on black

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