#69883C

#69883C

Color Values

HEX

#69883C

RGB

105, 136, 60

HSL

84.5, 38.8%, 38.4%

HSV

84.5, 55.9%, 53.3%

CMYK

22.8%, 0.0%, 55.9%, 46.7%

OKLCH

0.5855 0.1099 127.9

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#69883C

#5B3C88

Analogous

#88813C

#43883C

#69883C

Triadic

#69883C

#3C6988

#883C69

Split Complementary

#69883C

#3C4388

#813C88

Tetradic

#69883C

#3C8881

#5B3C88

#883C43

Color Blindness Simulation

Original

#69883C

Protanopia

#76774E

Deuteranopia

#757253

Tritanopia

#6B5D60

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DEE9CD
300
#C6DAAA
400
#A7C57C
500
#89B14E
600
#6D8E3E
700
#577132
800
#445827
900
#344120
950
#212914

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

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