#31240F

#31240F

Color Values

HEX

#31240F

RGB

49, 36, 15

HSL

37.1, 53.1%, 12.5%

HSV

37.1, 69.4%, 19.2%

CMYK

0.0%, 26.5%, 69.4%, 80.8%

OKLCH

0.2703 0.039 77.9

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#31240F

#0F1C31

Analogous

#31130F

#2D310F

#31240F

Triadic

#31240F

#0F3124

#240F31

Split Complementary

#31240F

#0F2D31

#130F31

Tetradic

#31240F

#0F3113

#0F1C31

#310F2D

Color Blindness Simulation

Original

#31240F

Protanopia

#2B2B14

Deuteranopia

#2C2D15

Tritanopia

#301819

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EFE5
200
#EEE0C8
300
#E2C9A1
400
#D3AD6F
500
#C3903C
600
#9C7330
700
#7D5C26
800
#62481E
900
#483619
950
#2D2210

Contrast Checker

Text on white

15.11:1

AA Pass AAA Pass

Text on black

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