#7F6364

#7F6364

Color Values

HEX

#7F6364

RGB

127, 99, 100

HSL

357.9, 12.4%, 44.3%

HSV

357.9, 22.0%, 49.8%

CMYK

0.0%, 22.0%, 21.3%, 50.2%

OKLCH

0.528 0.0363 16.0

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#7F6364

#637F7E

Analogous

#7F6372

#7F7063

#7F6364

Triadic

#7F6364

#647F63

#63647F

Split Complementary

#7F6364

#637F70

#63727F

Tetradic

#7F6364

#727F63

#637F7E

#70637F

Color Blindness Simulation

Original

#7F6364

Protanopia

#737364

Deuteranopia

#747764

Tritanopia

#7E6464

Achromatopsia

#696969

CSS Usage

background-color: #7F6364;
color: #7F6364;
border-color: #7F6364;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F7F7
100
#EFEBEB
200
#E0D7D7
300
#C9BABB
400
#AC9596
500
#8F7071
600
#73595A
700
#5C4748
800
#483838
900
#362B2B
950
#221B1B

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

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