#AF3223

#AF3223

Color Values

HEX

#AF3223

RGB

175, 50, 35

HSL

6,4, 66,7%, 41,2%

HSV

6,4, 80,0%, 68,6%

CMYK

0,0%, 71,4%, 80,0%, 31,4%

OKLCH

0,5056 0,164 30,4

Properties

Warm Dark Nearest: RAL 3000 Flame Red

Color Harmonies

Complementary

#AF3223

#23A0AF

Analogous

#AF235A

#AF7823

#AF3223

Triadic

#AF3223

#23AF32

#3223AF

Split Complementary

#AF3223

#23AF78

#235AAF

Tetradic

#AF3223

#5AAF23

#23A0AF

#7823AF

Color Blindness Simulation

Original

#AF3223

Protanopia

#797827

Deuteranopia

#808A28

Tritanopia

#A9292A

Achromatopsia

#4B4B4B

CSS Usage

background-color: #AF3223;
color: #AF3223;
border-color: #AF3223;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FCF4F3
100
#F7E5E3
200
#F3C9C3
300
#EBA299
400
#E06F62
500
#D53D2A
600
#AA3022
700
#88271B
800
#6A1E15
900
#4E1A13
950
#31100C

Contrast Checker

Text on white

6,36:1

AA Pass AAA Fail

Text on black

3,3:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026