#46331E

#46331E

Color Values

HEX

#46331E

RGB

70, 51, 30

HSL

31.5, 40.0%, 19.6%

HSV

31.5, 57.1%, 27.5%

CMYK

0.0%, 27.1%, 57.1%, 72.5%

OKLCH

0.3372 0.0431 68.3

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#46331E

#1E3146

Analogous

#461F1E

#45461E

#46331E

Triadic

#46331E

#1E4633

#331E46

Split Complementary

#46331E

#1E4546

#1F1E46

Tetradic

#46331E

#1E461F

#1E3146

#461E45

Color Blindness Simulation

Original

#46331E

Protanopia

#3E3E23

Deuteranopia

#3F4024

Tritanopia

#452728

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#EADCCD
300
#DAC3A9
400
#C6A37B
500
#B2824C
600
#8F683D
700
#725331
800
#594126
900
#42311F
950
#2A1F14

Contrast Checker

Text on white

11.98:1

AA Pass AAA Pass

Text on black

1.75:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026