#3F462C

#3F462C

Color Values

HEX

#3F462C

RGB

63, 70, 44

HSL

76.2, 22.8%, 22.4%

HSV

76.2, 37.1%, 27.5%

CMYK

10.0%, 0.0%, 37.1%, 72.5%

OKLCH

0.3802 0.0427 120.7

Properties

Cool Dark Nearest: RAL 6003 Olive Green

Color Harmonies

Complementary

#3F462C

#332C46

Analogous

#46402C

#32462C

#3F462C

Triadic

#3F462C

#2C3F46

#462C3F

Split Complementary

#3F462C

#2C3246

#402C46

Tetradic

#3F462C

#2C4640

#332C46

#462C32

Color Blindness Simulation

Original

#3F462C

Protanopia

#424232

Deuteranopia

#424134

Tritanopia

#3F3738

Achromatopsia

#434343

CSS Usage

background-color: #3F462C;
color: #3F462C;
border-color: #3F462C;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F8F9F6
100
#EFF1EA
200
#DFE3D3
300
#C8D0B4
400
#ABB68B
500
#8D9D62
600
#717D4F
700
#5A643F
800
#464E31
900
#353A27
950
#212518

Contrast Checker

Text on white

9.89:1

AA Pass AAA Pass

Text on black

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