#3F483A

#3F483A

Color Values

HEX

#3F483A

RGB

63, 72, 58

HSL

98.6, 10.8%, 25.5%

HSV

98.6, 19.4%, 28.2%

CMYK

12.5%, 0.0%, 19.4%, 71.8%

OKLCH

0.389 0.0259 134.4

Properties

Cool Dark Nearest: RAL 6003 Olive Green

Color Harmonies

Complementary

#3F483A

#433A48

Analogous

#46483A

#3A483C

#3F483A

Triadic

#3F483A

#3A3F48

#483A3F

Split Complementary

#3F483A

#3C3A48

#483A46

Tetradic

#3F483A

#3A4648

#433A48

#483C3A

Color Blindness Simulation

Original

#3F483A

Protanopia

#43433D

Deuteranopia

#42423E

Tritanopia

#3F4041

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEC
200
#DADFD7
300
#C0C8BB
400
#9EAB96
500
#7C8D72
600
#63715B
700
#4F5A49
800
#3E4739
900
#2F352C
950
#1E221C

Contrast Checker

Text on white

9.55:1

AA Pass AAA Pass

Text on black

2.2:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026