#69877A

#69877A

Color Values

HEX

#69877A

RGB

105, 135, 122

HSL

154.0, 12.5%, 47.1%

HSV

154.0, 22.2%, 52.9%

CMYK

22.2%, 0.0%, 9.6%, 47.1%

OKLCH

0.5963 0.0395 166.7

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#69877A

#876976

Analogous

#69876B

#698587

#69877A

Triadic

#69877A

#7A6987

#877A69

Split Complementary

#69877A

#876985

#876B69

Tetradic

#69877A

#6B6987

#876976

#858769

Color Blindness Simulation

Original

#69877A

Protanopia

#76767D

Deuteranopia

#74727E

Tritanopia

#6A8080

Achromatopsia

#808080

CSS Usage

background-color: #69877A;
color: #69877A;
border-color: #69877A;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F7
100
#EBEFED
200
#D7E0DC
300
#BAC9C3
400
#95ACA2
500
#708F82
600
#597368
700
#475C53
800
#384841
900
#2B3631
950
#1B221F

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

5.35:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026