#3F7248

#3F7248

Color Values

HEX

#3F7248

RGB

63, 114, 72

HSL

130.6, 28.8%, 34.7%

HSV

130.6, 44.7%, 44.7%

CMYK

44.7%, 0.0%, 36.8%, 55.3%

OKLCH

0.5043 0.0863 148.4

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#3F7248

#723F69

Analogous

#4F723F

#3F7261

#3F7248

Triadic

#3F7248

#483F72

#72483F

Split Complementary

#3F7248

#613F72

#723F4F

Tetradic

#3F7248

#3F4F72

#723F69

#72613F

Color Blindness Simulation

Original

#3F7248

Protanopia

#555652

Deuteranopia

#524E55

Tritanopia

#425A5C

Achromatopsia

#646464

CSS Usage

background-color: #3F7248;
color: #3F7248;
border-color: #3F7248;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F5F9F6
100
#E9F2EA
200
#D1E6D5
300
#B0D3B6
400
#85BC8F
500
#5BA468
600
#498353
700
#3A6942
800
#2D5234
900
#243D28
950
#172719

Contrast Checker

Text on white

5.66:1

AA Pass AAA Fail

Text on black

3.71:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026