#764217

#764217

Color Values

HEX

#764217

RGB

118, 66, 23

HSL

27.2, 67.4%, 27.6%

HSV

27.2, 80.5%, 46.3%

CMYK

0.0%, 44.1%, 80.5%, 53.7%

OKLCH

0.4345 0.0908 56.2

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#764217

#174B76

Analogous

#76171B

#767117

#764217

Triadic

#764217

#177642

#421776

Split Complementary

#764217

#177671

#171B76

Tetradic

#764217

#1B7617

#174B76

#711776

Color Blindness Simulation

Original

#764217

Protanopia

#5F5F21

Deuteranopia

#626624

Tritanopia

#732A2B

Achromatopsia

#4A4A4A

CSS Usage

background-color: #764217;
color: #764217;
border-color: #764217;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FCF7F3
100
#F7ECE3
200
#F3D9C3
300
#EBBE99
400
#E09B61
500
#D5772A
600
#AB6021
700
#894C1B
800
#6B3C15
900
#4E2E13
950
#311D0C

Contrast Checker

Text on white

8.2:1

AA Pass AAA Pass

Text on black

2.56:1

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