#AF827A

#AF827A

Color Values

HEX

#AF827A

RGB

175, 130, 122

HSL

9.1, 24.9%, 58.2%

HSV

9.1, 30.3%, 68.6%

CMYK

0.0%, 25.7%, 30.3%, 31.4%

OKLCH

0.6483 0.0573 30.1

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#AF827A

#7AA7AF

Analogous

#AF7A8C

#AF9C7A

#AF827A

Triadic

#AF827A

#7AAF82

#827AAF

Split Complementary

#AF827A

#7AAF9C

#7A8CAF

Tetradic

#AF827A

#8CAF7A

#7AA7AF

#9C7AAF

Color Blindness Simulation

Original

#AF827A

Protanopia

#9C9B7C

Deuteranopia

#9EA27C

Tritanopia

#AD7D7E

Achromatopsia

#8B8B8B

CSS Usage

background-color: #AF827A;
color: #AF827A;
border-color: #AF827A;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F6F6
100
#F1EBE9
200
#E4D5D2
300
#D1B7B3
400
#B89089
500
#9F6960
600
#7F544D
700
#66433D
800
#503530
900
#3B2926
950
#251A18

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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