#3F3F09

#3F3F09

Color Values

HEX

#3F3F09

RGB

63, 63, 9

HSL

60.0, 75.0%, 14.1%

HSV

60.0, 85.7%, 24.7%

CMYK

0.0%, 0.0%, 85.7%, 75.3%

OKLCH

0.3566 0.0713 109.5

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#3F3F09

#09093F

Analogous

#3F2409

#243F09

#3F3F09

Triadic

#3F3F09

#093F3F

#3F093F

Split Complementary

#3F3F09

#09243F

#24093F

Tetradic

#3F3F09

#093F24

#09093F

#3F0924

Color Blindness Simulation

Original

#3F3F09

Protanopia

#3F3F16

Deuteranopia

#3F3F19

Tritanopia

#3F2023

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F9F9E2
200
#F6F6C1
300
#F0F094
400
#E7E75A
500
#DFDF20
600
#B3B319
700
#8F8F14
800
#707010
900
#515110
950
#33330A

Contrast Checker

Text on white

10.9:1

AA Pass AAA Pass

Text on black

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