#AE7678

#AE7678

Color Values

HEX

#AE7678

RGB

174, 118, 120

HSL

357.9, 25.7%, 57.3%

HSV

357.9, 32.2%, 68.2%

CMYK

0.0%, 32.2%, 31.0%, 31.8%

OKLCH

0.624 0.0707 16.9

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#AE7678

#76AEAC

Analogous

#AE7694

#AE9076

#AE7678

Triadic

#AE7678

#78AE76

#7678AE

Split Complementary

#AE7678

#76AE90

#7694AE

Tetradic

#AE7678

#94AE76

#76AEAC

#9076AE

Color Blindness Simulation

Original

#AE7678

Protanopia

#969578

Deuteranopia

#999D77

Tritanopia

#AB7777

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E4D2D3
300
#D2B2B3
400
#B9888A
500
#A05F61
600
#804C4E
700
#673D3E
800
#502F31
900
#3C2526
950
#261818

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

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