#331B00

#331B00

Color Values

HEX

#331B00

RGB

51, 27, 0

HSL

31.8, 100.0%, 10.0%

HSV

31.8, 100.0%, 20.0%

CMYK

0.0%, 47.1%, 100.0%, 80.0%

OKLCH

0.2493 0.0555 65.9

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#331B00

#001833

Analogous

#330200

#313300

#331B00

Triadic

#331B00

#00331B

#1B0033

Split Complementary

#331B00

#003133

#020033

Tetradic

#331B00

#003302

#001833

#330031

Color Blindness Simulation

Original

#331B00

Protanopia

#292807

Deuteranopia

#2A2C08

Tritanopia

#320C0D

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEEDE
200
#FFDDB8
300
#FFC585
400
#FFA642
500
#FF8700
600
#CC6C00
700
#A35600
800
#804400
900
#5C3305
950
#3A2003

Contrast Checker

Text on white

16.18:1

AA Pass AAA Pass

Text on black

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