#2F1503

#2F1503

Color Values

HEX

#2F1503

RGB

47, 21, 3

HSL

24.5, 88.0%, 9.8%

HSV

24.5, 93.6%, 18.4%

CMYK

0.0%, 55.3%, 93.6%, 81.6%

OKLCH

0.2298 0.0516 53.9

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#2F1503

#031D2F

Analogous

#2F0307

#2F2B03

#2F1503

Triadic

#2F1503

#032F15

#15032F

Split Complementary

#2F1503

#032F2B

#03072F

Tetradic

#2F1503

#072F03

#031D2F

#2B032F

Color Blindness Simulation

Original

#2F1503

Protanopia

#242407

Deuteranopia

#252708

Tritanopia

#2E0B0C

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#FBEBE0
200
#FBD6BC
300
#F8B88C
400
#F4914E
500
#F06B0F
600
#C0560C
700
#99440A
800
#783508
900
#57290A
950
#371A06

Contrast Checker

Text on white

17.08:1

AA Pass AAA Pass

Text on black

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