#2F1300

#2F1300

Color Values

HEX

#2F1300

RGB

47, 19, 0

HSL

24.3, 100.0%, 9.2%

HSV

24.3, 100.0%, 18.4%

CMYK

0.0%, 59.6%, 100.0%, 81.6%

OKLCH

0.225 0.0561 54.5

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#2F1300

#001C2F

Analogous

#2F0004

#2F2A00

#2F1300

Triadic

#2F1300

#002F13

#13002F

Split Complementary

#2F1300

#002F2A

#00042F

Tetradic

#2F1300

#042F00

#001C2F

#2A002F

Color Blindness Simulation

Original

#2F1300

Protanopia

#232305

Deuteranopia

#242706

Tritanopia

#2E0809

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEADE
200
#FFD5B8
300
#FFB685
400
#FF8F42
500
#FF6700
600
#CC5300
700
#A34200
800
#803400
900
#5C2805
950
#3A1903

Contrast Checker

Text on white

17.3:1

AA Pass AAA Pass

Text on black

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