#3F280C

#3F280C

Color Values

HEX

#3F280C

RGB

63, 40, 12

HSL

32.9, 68.0%, 14.7%

HSV

32.9, 81.0%, 24.7%

CMYK

0.0%, 36.5%, 81.0%, 75.3%

OKLCH

0.2991 0.0535 68.2

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#3F280C

#0C233F

Analogous

#3F0E0C

#3D3F0C

#3F280C

Triadic

#3F280C

#0C3F28

#280C3F

Split Complementary

#3F280C

#0C3D3F

#0E0C3F

Tetradic

#3F280C

#0C3F0E

#0C233F

#3F0C3D

Color Blindness Simulation

Original

#3F280C

Protanopia

#353513

Deuteranopia

#363814

Tritanopia

#3E1819

Achromatopsia

#2B2B2B

CSS Usage

background-color: #3F280C;
color: #3F280C;
border-color: #3F280C;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F4DEC3
300
#EBC698
400
#E1A760
500
#D68829
600
#AB6D21
700
#89571A
800
#6B4414
900
#4E3313
950
#31200C

Contrast Checker

Text on white

13.81:1

AA Pass AAA Pass

Text on black

1.52:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026