#40682F

#40682F

Color Values

HEX

#40682F

RGB

64, 104, 47

HSL

102.1, 37.7%, 29.6%

HSV

102.1, 54.8%, 40.8%

CMYK

38.5%, 0.0%, 54.8%, 59.2%

OKLCH

0.4731 0.0967 137.2

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#40682F

#572F68

Analogous

#5C682F

#2F683B

#40682F

Triadic

#40682F

#2F4068

#682F40

Split Complementary

#40682F

#3B2F68

#682F5C

Tetradic

#40682F

#2F5C68

#572F68

#683B2F

Color Blindness Simulation

Original

#40682F

Protanopia

#51523D

Deuteranopia

#4F4C40

Tritanopia

#42484A

Achromatopsia

#5B5B5B

CSS Usage

background-color: #40682F;
color: #40682F;
border-color: #40682F;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F6FAF5
100
#EBF3E7
200
#D6E9CE
300
#B8D9AB
400
#92C47D
500
#6CB04F
600
#568C40
700
#457033
800
#365828
900
#2A4120
950
#1A2914

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

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