#A23F45

#A23F45

Color Values

HEX

#A23F45

RGB

162, 63, 69

HSL

356.4, 44.0%, 44.1%

HSV

356.4, 61.1%, 63.5%

CMYK

0.0%, 61.1%, 57.4%, 36.5%

OKLCH

0.5047 0.1314 19.5

Properties

Warm Dark Nearest: RAL 4002 Red Violet

Color Harmonies

Complementary

#A23F45

#3FA29C

Analogous

#A23F76

#A26B3F

#A23F45

Triadic

#A23F45

#45A23F

#3F45A2

Split Complementary

#A23F45

#3FA26B

#3F76A2

Tetradic

#A23F45

#76A23F

#3FA29C

#6B3FA2

Color Blindness Simulation

Original

#A23F45

Protanopia

#777644

Deuteranopia

#7D8443

Tritanopia

#9D4242

Achromatopsia

#545454

CSS Usage

background-color: #A23F45;
color: #A23F45;
border-color: #A23F45;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#EBCCCD
300
#DDA7AA
400
#CA777C
500
#B8474E
600
#93393F
700
#762E32
800
#5C2427
900
#441D20
950
#2B1214

Contrast Checker

Text on white

6.3:1

AA Pass AAA Fail

Text on black

3.33:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026