#748B68

#748B68

Color Values

HEX

#748B68

RGB

116, 139, 104

HSL

99.4, 14.4%, 47.6%

HSV

99.4, 25.2%, 54.5%

CMYK

16.5%, 0.0%, 25.2%, 45.5%

OKLCH

0.6089 0.0578 135.0

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#748B68

#7F688B

Analogous

#858B68

#688B6D

#748B68

Triadic

#748B68

#68748B

#8B6874

Split Complementary

#748B68

#6D688B

#8B6885

Tetradic

#748B68

#68858B

#7F688B

#8B6D68

Color Blindness Simulation

Original

#748B68

Protanopia

#7E7E70

Deuteranopia

#7D7B72

Tritanopia

#757779

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#ECEFEB
200
#DAE0D6
300
#BFCBB9
400
#9CAE93
500
#7A926D
600
#617557
700
#4E5D46
800
#3D4937
900
#2E372A
950
#1D231B

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

5.64:1

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