#462226

#462226

Color Values

HEX

#462226

RGB

70, 34, 38

HSL

353.3, 34.6%, 20.4%

HSV

353.3, 51.4%, 27.5%

CMYK

0.0%, 51.4%, 45.7%, 72.5%

OKLCH

0.3025 0.055 13.9

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#462226

#224642

Analogous

#462238

#463022

#462226

Triadic

#462226

#264622

#222646

Split Complementary

#462226

#224630

#223846

Tetradic

#462226

#384622

#224642

#302246

Color Blindness Simulation

Original

#462226

Protanopia

#363625

Deuteranopia

#383B25

Tritanopia

#442424

Achromatopsia

#2A2A2A

CSS Usage

background-color: #462226;
color: #462226;
border-color: #462226;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FAF5F6
100
#F2E8E9
200
#E8CFD2
300
#D7ADB1
400
#C18087
500
#AC535D
600
#89434B
700
#6E353C
800
#562A2F
900
#402125
950
#281517

Contrast Checker

Text on white

13.84:1

AA Pass AAA Pass

Text on black

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