#3F6428

#3F6428

Color Values

HEX

#3F6428

RGB

63, 100, 40

HSL

97.0, 42.9%, 27.5%

HSV

97.0, 60.0%, 39.2%

CMYK

37.0%, 0.0%, 60.0%, 60.8%

OKLCH

0.4606 0.0982 135.0

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#3F6428

#4D2864

Analogous

#5D6428

#28642F

#3F6428

Triadic

#3F6428

#283F64

#64283F

Split Complementary

#3F6428

#2F2864

#64285D

Tetradic

#3F6428

#285D64

#4D2864

#642F28

Color Blindness Simulation

Original

#3F6428

Protanopia

#4F4F37

Deuteranopia

#4D4A3A

Tritanopia

#414244

Achromatopsia

#585858

CSS Usage

background-color: #3F6428;
color: #3F6428;
border-color: #3F6428;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F7FAF5
100
#ECF4E7
200
#D8EBCC
300
#BCDCA8
400
#97C978
500
#73B649
600
#5C923A
700
#49752F
800
#395B24
900
#2C431E
950
#1C2A13

Contrast Checker

Text on white

6.85:1

AA Pass AAA Fail

Text on black

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