#2F250C

#2F250C

Color Values

HEX

#2F250C

RGB

47, 37, 12

HSL

42.9, 59.3%, 11.6%

HSV

42.9, 74.5%, 18.4%

CMYK

0.0%, 21.3%, 74.5%, 81.6%

OKLCH

0.2698 0.0418 87.5

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#2F250C

#0C162F

Analogous

#2F140C

#282F0C

#2F250C

Triadic

#2F250C

#0C2F25

#250C2F

Split Complementary

#2F250C

#0C282F

#140C2F

Tetradic

#2F250C

#0C2F14

#0C162F

#2F0C28

Color Blindness Simulation

Original

#2F250C

Protanopia

#2B2B12

Deuteranopia

#2B2C14

Tritanopia

#2E1718

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FBF9F3
100
#F6F1E4
200
#F0E4C6
300
#E6D19E
400
#D9B969
500
#CBA034
600
#A2802A
700
#826621
800
#66501A
900
#4A3C17
950
#2F260E

Contrast Checker

Text on white

15.1:1

AA Pass AAA Pass

Text on black

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