#677B50

#677B50

Color Values

HEX

#677B50

RGB

103, 123, 80

HSL

87.9, 21.2%, 39.8%

HSV

87.9, 35.0%, 48.2%

CMYK

16.3%, 0.0%, 35.0%, 51.8%

OKLCH

0.5552 0.0675 128.7

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#677B50

#64507B

Analogous

#7B7950

#517B50

#677B50

Triadic

#677B50

#50677B

#7B5067

Split Complementary

#677B50

#50517B

#79507B

Tetradic

#677B50

#507B79

#64507B

#7B5051

Color Blindness Simulation

Original

#677B50

Protanopia

#70705A

Deuteranopia

#6E6D5D

Tritanopia

#686364

Achromatopsia

#747474

CSS Usage

background-color: #677B50;
color: #677B50;
border-color: #677B50;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F7F9F6
100
#EDF0EA
200
#DCE3D4
300
#C3CFB5
400
#A2B58D
500
#819B64
600
#687C50
700
#536340
800
#414D32
900
#313A27
950
#1F2419

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

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