#68883B

#68883B

Color Values

HEX

#68883B

RGB

104, 136, 59

HSL

84.9, 39.5%, 38.2%

HSV

84.9, 56.6%, 53.3%

CMYK

23.5%, 0.0%, 56.6%, 46.7%

OKLCH

0.5847 0.1114 128.2

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#68883B

#5B3B88

Analogous

#88813B

#41883B

#68883B

Triadic

#68883B

#3B6888

#883B68

Split Complementary

#68883B

#3B4188

#813B88

Tetradic

#68883B

#3B8881

#5B3B88

#883B41

Color Blindness Simulation

Original

#68883B

Protanopia

#76764E

Deuteranopia

#747252

Tritanopia

#6A5C60

Achromatopsia

#7C7C7C

CSS Usage

background-color: #68883B;
color: #68883B;
border-color: #68883B;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DEE9CD
300
#C6DAAA
400
#A7C67B
500
#88B24D
600
#6D8E3E
700
#577231
800
#445927
900
#33421F
950
#202914

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

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