#505B2C

#505B2C

Color Values

HEX

#505B2C

RGB

80, 91, 44

HSL

74.0, 34.8%, 26.5%

HSV

74.0, 51.6%, 35.7%

CMYK

12.1%, 0.0%, 51.6%, 64.3%

OKLCH

0.4498 0.0705 120.2

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#505B2C

#372C5B

Analogous

#5B4F2C

#395B2C

#505B2C

Triadic

#505B2C

#2C505B

#5B2C50

Split Complementary

#505B2C

#2C395B

#4F2C5B

Tetradic

#505B2C

#2C5B4F

#372C5B

#5B2C39

Color Blindness Simulation

Original

#505B2C

Protanopia

#555537

Deuteranopia

#54533A

Tritanopia

#514042

Achromatopsia

#555555

CSS Usage

background-color: #505B2C;
color: #505B2C;
border-color: #505B2C;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9FAF5
100
#F0F2E8
200
#E2E8CF
300
#CDD7AD
400
#B2C180
500
#97AC53
600
#798943
700
#616E35
800
#4C562A
900
#394021
950
#242815

Contrast Checker

Text on white

7.31:1

AA Pass AAA Pass

Text on black

2.87:1

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