#766658

#766658

Color Values

HEX

#766658

RGB

118, 102, 88

HSL

28.0, 14.6%, 40.4%

HSV

28.0, 25.4%, 46.3%

CMYK

0.0%, 13.6%, 25.4%, 53.7%

OKLCH

0.5215 0.0296 63.3

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#766658

#586876

Analogous

#765859

#767558

#766658

Triadic

#766658

#587666

#665876

Split Complementary

#766658

#587675

#585976

Tetradic

#766658

#597658

#586876

#755876

Color Blindness Simulation

Original

#766658

Protanopia

#6F6F5B

Deuteranopia

#70715C

Tritanopia

#755E5F

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E1DBD6
300
#CBC1B9
400
#AEA093
500
#927E6D
600
#756557
700
#5E5146
800
#493F36
900
#37302A
950
#231E1B

Contrast Checker

Text on white

5.51:1

AA Pass AAA Fail

Text on black

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