#407144

#407144

Color Values

HEX

#407144

RGB

64, 113, 68

HSL

124.9, 27.7%, 34.7%

HSV

124.9, 43.4%, 44.3%

CMYK

43.4%, 0.0%, 39.8%, 55.7%

OKLCH

0.5013 0.0884 145.9

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#407144

#71406D

Analogous

#547140

#40715C

#407144

Triadic

#407144

#444071

#714440

Split Complementary

#407144

#5C4071

#714054

Tetradic

#407144

#405471

#71406D

#715C40

Color Blindness Simulation

Original

#407144

Protanopia

#55564F

Deuteranopia

#524F52

Tritanopia

#425759

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#E9F1EA
200
#D1E5D3
300
#B1D3B4
400
#87BB8B
500
#5CA362
600
#4A824E
700
#3B683F
800
#2E5131
900
#243D26
950
#172618

Contrast Checker

Text on white

5.73:1

AA Pass AAA Fail

Text on black

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