#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

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026