#AE6974

#AE6974

Color Values

HEX

#AE6974

RGB

174, 105, 116

HSL

350.4, 29.9%, 54.7%

HSV

350.4, 39.7%, 68.2%

CMYK

0.0%, 39.7%, 33.3%, 31.8%

OKLCH

0.5995 0.0892 9.8

Properties

Warm Light Nearest: lightpink 4

Color Harmonies

Complementary

#AE6974

#69AEA3

Analogous

#AE6997

#AE8069

#AE6974

Triadic

#AE6974

#74AE69

#6974AE

Split Complementary

#AE6974

#69AE80

#6997AE

Tetradic

#AE6974

#97AE69

#69AEA3

#8069AE

Color Blindness Simulation

Original

#AE6974

Protanopia

#909071

Deuteranopia

#949971

Tritanopia

#AB6F6F

Achromatopsia

#787878

CSS Usage

background-color: #AE6974;
color: #AE6974;
border-color: #AE6974;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#F9F5F6
100
#F2E9EA
200
#E6D1D4
300
#D4B0B5
400
#BD848D
500
#A65966
600
#844851
700
#6A3941
800
#532D33
900
#3D2328
950
#271619

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

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