#311F02

#311F02

Color Values

HEX

#311F02

RGB

49, 31, 2

HSL

37.0, 92.2%, 10.0%

HSV

37.0, 95.9%, 19.2%

CMYK

0.0%, 36.7%, 95.9%, 80.8%

OKLCH

0.256 0.0511 75.7

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#311F02

#021431

Analogous

#310702

#2C3102

#311F02

Triadic

#311F02

#02311F

#1F0231

Split Complementary

#311F02

#022C31

#070231

Tetradic

#311F02

#023107

#021431

#31022C

Color Blindness Simulation

Original

#311F02

Protanopia

#292909

Deuteranopia

#2A2C0B

Tritanopia

#300F10

Achromatopsia

#212121

CSS Usage

background-color: #311F02;
color: #311F02;
border-color: #311F02;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FDF9F1
100
#FBF0DF
200
#FCE3BA
300
#FACF89
400
#F8B54A
500
#F59B0A
600
#C47C08
700
#9D6306
800
#7B4D05
900
#593A08
950
#382505

Contrast Checker

Text on white

15.82:1

AA Pass AAA Pass

Text on black

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