#38982F

#38982F

Color Values

HEX

#38982F

RGB

56, 152, 47

HSL

114.9, 52.8%, 39.0%

HSV

114.9, 69.1%, 59.6%

CMYK

63.2%, 0.0%, 69.1%, 40.4%

OKLCH

0.601 0.1681 141.9

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#38982F

#8F2F98

Analogous

#6C982F

#2F985B

#38982F

Triadic

#38982F

#2F3898

#982F38

Split Complementary

#38982F

#5B2F98

#982F6C

Tetradic

#38982F

#2F6C98

#8F2F98

#985B2F

Color Blindness Simulation

Original

#38982F

Protanopia

#626248

Deuteranopia

#5C554E

Tritanopia

#3D5C61

Achromatopsia

#7C7C7C

CSS Usage

background-color: #38982F;
color: #38982F;
border-color: #38982F;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FBF4
100
#E7F5E5
200
#CCEEC8
300
#A7E2A1
400
#77D26F
500
#48C33C
600
#399C30
700
#2E7D27
800
#24611E
900
#1D4719
950
#132D10

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

5.7:1

AA Pass 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