#3D270F

#3D270F

Color Values

HEX

#3D270F

RGB

61, 39, 15

HSL

31.3, 60.5%, 14.9%

HSV

31.3, 75.4%, 23.9%

CMYK

0.0%, 36.1%, 75.4%, 76.1%

OKLCH

0.2943 0.0494 66.1

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#3D270F

#0F253D

Analogous

#3D100F

#3C3D0F

#3D270F

Triadic

#3D270F

#0F3D27

#270F3D

Split Complementary

#3D270F

#0F3C3D

#100F3D

Tetradic

#3D270F

#0F3D10

#0F253D

#3D0F3C

Color Blindness Simulation

Original

#3D270F

Protanopia

#333315

Deuteranopia

#353616

Tritanopia

#3C191A

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EEE4
200
#F1DCC6
300
#E7C39D
400
#DAA368
500
#CD8332
600
#A46928
700
#835420
800
#664119
900
#4B3216
950
#2F1F0E

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