#7F6C01

#7F6C01

Color Values

HEX

#7F6C01

RGB

127, 108, 1

HSL

51,0, 98,4%, 25,1%

HSV

51,0, 99,2%, 49,8%

CMYK

0,0%, 15,0%, 99,2%, 50,2%

OKLCH

0,5334 0,1096 96,9

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#7F6C01

#01147F

Analogous

#7F2D01

#537F01

#7F6C01

Triadic

#7F6C01

#017F6C

#6C017F

Split Complementary

#7F6C01

#01537F

#2D017F

Tetradic

#7F6C01

#017F2D

#01147F

#7F0153

Color Blindness Simulation

Original

#7F6C01

Protanopia

#77771B

Deuteranopia

#787921

Tritanopia

#7E2F34

Achromatopsia

#686868

CSS Usage

background-color: #7F6C01;
color: #7F6C01;
border-color: #7F6C01;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FEFCF1
100
#FCF8DE
200
#FEF4B8
300
#FEEC86
400
#FDE244
500
#FDD702
600
#CAAC02
700
#A28A01
800
#7E6C01
900
#5B4E06
950
#3A3204

Contrast Checker

Text on white

5,19:1

AA Pass AAA Fail

Text on black

4,05: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