#3F482C

#3F482C

Color Values

HEX

#3F482C

RGB

63, 72, 44

HSL

79.3, 24.1%, 22.7%

HSV

79.3, 38.9%, 28.2%

CMYK

12.5%, 0.0%, 38.9%, 71.8%

OKLCH

0.3854 0.0462 123.1

Properties

Cool Dark Nearest: RAL 6003 Olive Green

Color Harmonies

Complementary

#3F482C

#352C48

Analogous

#48432C

#31482C

#3F482C

Triadic

#3F482C

#2C3F48

#482C3F

Split Complementary

#3F482C

#2C3148

#432C48

Tetradic

#3F482C

#2C4843

#352C48

#482C31

Color Blindness Simulation

Original

#3F482C

Protanopia

#434333

Deuteranopia

#424234

Tritanopia

#3F3839

Achromatopsia

#444444

CSS Usage

background-color: #3F482C;
color: #3F482C;
border-color: #3F482C;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#F8F9F6
100
#EEF1E9
200
#DEE4D3
300
#C7D1B3
400
#A9B78A
500
#8A9E61
600
#6F7F4D
700
#59653E
800
#454F30
900
#343B26
950
#212518

Contrast Checker

Text on white

9.66:1

AA Pass AAA Pass

Text on black

2.17:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026