#2F280C

#2F280C

Color Values

HEX

#2F280C

RGB

47, 40, 12

HSL

48.0, 59.3%, 11.6%

HSV

48.0, 74.5%, 18.4%

CMYK

0.0%, 14.9%, 74.5%, 81.6%

OKLCH

0.2777 0.0443 95.3

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#2F280C

#0C132F

Analogous

#2F170C

#252F0C

#2F280C

Triadic

#2F280C

#0C2F28

#280C2F

Split Complementary

#2F280C

#0C252F

#170C2F

Tetradic

#2F280C

#0C2F17

#0C132F

#2F0C25

Color Blindness Simulation

Original

#2F280C

Protanopia

#2C2C13

Deuteranopia

#2C2D14

Tritanopia

#2F1819

Achromatopsia

#272727

CSS Usage

background-color: #2F280C;
color: #2F280C;
border-color: #2F280C;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#FBFAF3
100
#F6F3E4
200
#F0E8C6
300
#E6D89E
400
#D9C269
500
#CBAD34
600
#A28A2A
700
#826F21
800
#66561A
900
#4A4017
950
#2F280E

Contrast Checker

Text on white

14.69:1

AA Pass AAA Pass

Text on black

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