#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

1월 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1월 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1월 15, 2026