#AF5844

#AF5844

Color Values

HEX

#AF5844

RGB

175, 88, 68

HSL

11,2, 44,0%, 47,6%

HSV

11,2, 61,1%, 68,6%

CMYK

0,0%, 49,7%, 61,1%, 31,4%

OKLCH

0,5614 0,1183 34,1

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AF5844

#449BAF

Analogous

#AF4465

#AF8D44

#AF5844

Triadic

#AF5844

#44AF58

#5844AF

Split Complementary

#AF5844

#44AF8D

#4465AF

Tetradic

#AF5844

#65AF44

#449BAF

#8D44AF

Color Blindness Simulation

Original

#AF5844

Protanopia

#898949

Deuteranopia

#8E954A

Tritanopia

#AB4D4E

Achromatopsia

#696969

CSS Usage

background-color: #AF5844;
color: #AF5844;
border-color: #AF5844;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FAF6F4
100
#F4E9E6
200
#EBD1CC
300
#DDB1A7
400
#CA8777
500
#B85C47
600
#934A39
700
#763B2E
800
#5C2E24
900
#44241D
950
#2B1712

Contrast Checker

Text on white

4,88:1

AA Pass AAA Fail

Text on black

4,3:1

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