#386218

#386218

Color Values

HEX

#386218

RGB

56, 98, 24

HSL

94.1, 60.7%, 23.9%

HSV

94.1, 75.5%, 38.4%

CMYK

42.9%, 0.0%, 75.5%, 61.6%

OKLCH

0.449 0.1131 134.6

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#386218

#421862

Analogous

#5D6218

#18621D

#386218

Triadic

#386218

#183862

#621838

Split Complementary

#386218

#1D1862

#62185D

Tetradic

#386218

#185D62

#421862

#621D18

Color Blindness Simulation

Original

#386218

Protanopia

#4A4B2A

Deuteranopia

#48452E

Tritanopia

#3A383B

Achromatopsia

#545454

CSS Usage

background-color: #386218;
color: #386218;
border-color: #386218;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F7FBF3
100
#ECF6E4
200
#D8F1C6
300
#BDE79D
400
#99DA67
500
#75CD32
600
#5EA428
700
#4B8320
800
#3A6619
900
#2D4B16
950
#1C2F0E

Contrast Checker

Text on white

7.17:1

AA Pass AAA Pass

Text on black

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