#311701

#311701

Color Values

HEX

#311701

RGB

49, 23, 1

HSL

27.5, 96.0%, 9.8%

HSV

27.5, 98.0%, 19.2%

CMYK

0.0%, 53.1%, 98.0%, 80.8%

OKLCH

0.2372 0.0545 58.8

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#311701

#011B31

Analogous

#310103

#312F01

#311701

Triadic

#311701

#013117

#170131

Split Complementary

#311701

#01312F

#010331

Tetradic

#311701

#033101

#011B31

#2F0131

Color Blindness Simulation

Original

#311701

Protanopia

#262606

Deuteranopia

#272908

Tritanopia

#300B0B

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCECDF
200
#FED8B9
300
#FDBD87
400
#FB9946
500
#FA7505
600
#C85E04
700
#A04B03
800
#7D3B03
900
#5A2D07
950
#391C04

Contrast Checker

Text on white

16.75:1

AA Pass AAA Pass

Text on black

1.25:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026