#756C15

#756C15

Color Values

HEX

#756C15

RGB

117, 108, 21

HSL

54.4, 69.6%, 27.1%

HSV

54.4, 82.1%, 45.9%

CMYK

0.0%, 7.7%, 82.1%, 54.1%

OKLCH

0.5239 0.1023 103.1

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#756C15

#151E75

Analogous

#753C15

#4E7515

#756C15

Triadic

#756C15

#15756C

#6C1575

Split Complementary

#756C15

#154E75

#3C1575

Tetradic

#756C15

#15753C

#151E75

#75154E

Color Blindness Simulation

Original

#756C15

Protanopia

#71712A

Deuteranopia

#72722F

Tritanopia

#753B3E

Achromatopsia

#686868

CSS Usage

background-color: #756C15;
color: #756C15;
border-color: #756C15;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FCFBF3
100
#F8F6E3
200
#F4F0C2
300
#ECE497
400
#E2D65F
500
#D8C827
600
#ADA01F
700
#8A8019
800
#6C6413
900
#4F4912
950
#322E0B

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

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