#757668

#757668

Color Values

HEX

#757668

RGB

117, 118, 104

HSL

64.3, 6.3%, 43.5%

HSV

64.3, 11.9%, 46.3%

CMYK

0.8%, 0.0%, 11.9%, 53.7%

OKLCH

0.5608 0.021 110.4

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#757668

#696876

Analogous

#767068

#6E7668

#757668

Triadic

#757668

#687576

#766875

Split Complementary

#757668

#686E76

#706876

Tetradic

#757668

#687670

#696876

#76686E

Color Blindness Simulation

Original

#757668

Protanopia

#75756B

Deuteranopia

#75756C

Tritanopia

#756E6F

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DDDED9
300
#C5C6BE
400
#A6A79B
500
#868877
600
#6C6C60
700
#56574C
800
#43443C
900
#33332E
950
#20201D

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

4.55:1

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