#60863C

#60863C

Color Values

HEX

#60863C

RGB

96, 134, 60

HSL

90.8, 38.1%, 38.0%

HSV

90.8, 55.2%, 52.5%

CMYK

28.4%, 0.0%, 55.2%, 47.5%

OKLCH

0.5743 0.1116 131.6

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#60863C

#623C86

Analogous

#85863C

#3C863D

#60863C

Triadic

#60863C

#3C6086

#863C60

Split Complementary

#60863C

#3D3C86

#863C85

Tetradic

#60863C

#3C8586

#623C86

#863D3C

Color Blindness Simulation

Original

#60863C

Protanopia

#70714E

Deuteranopia

#6E6B52

Tritanopia

#625C5F

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF3E7
200
#DBE9CE
300
#C1D9AA
400
#A0C57D
500
#7EB04F
600
#658D3F
700
#517133
800
#3F5827
900
#304120
950
#1E2914

Contrast Checker

Text on white

4.22:1

AA Fail AAA Fail

Text on black

4.97:1

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