#46220F

#46220F

Color Values

HEX

#46220F

RGB

70, 34, 15

HSL

20.7, 64.7%, 16.7%

HSV

20.7, 78.6%, 27.5%

CMYK

0.0%, 51.4%, 78.6%, 72.5%

OKLCH

0.2974 0.0625 46.8

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#46220F

#0F3346

Analogous

#460F18

#463E0F

#46220F

Triadic

#46220F

#0F4622

#220F46

Split Complementary

#46220F

#0F463E

#0F1846

Tetradic

#46220F

#18460F

#0F3346

#3E0F46

Color Blindness Simulation

Original

#46220F

Protanopia

#363614

Deuteranopia

#383B15

Tritanopia

#441718

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FCF6F3
100
#F7EAE3
200
#F2D4C4
300
#E9B69A
400
#DE8E64
500
#D2662D
600
#A85224
700
#86411D
800
#693317
900
#4D2814
950
#30190D

Contrast Checker

Text on white

14.04:1

AA Pass AAA Pass

Text on black

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