#FA4543

#FA4543

Color Values

HEX

#FA4543

RGB

250, 69, 67

HSL

0.7, 94.8%, 62.2%

HSV

0.7, 73.2%, 98.0%

CMYK

0.0%, 72.4%, 73.2%, 2.0%

OKLCH

0.656 0.2177 26.1

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#FA4543

#43F8FA

Analogous

#FA439C

#FAA143

#FA4543

Triadic

#FA4543

#43FA45

#4543FA

Split Complementary

#FA4543

#43FAA1

#439CFA

Tetradic

#FA4543

#9CFA43

#43F8FA

#A143FA

Color Blindness Simulation

Original

#FA4543

Protanopia

#ACAA43

Deuteranopia

#B6C444

Tritanopia

#F14444

Achromatopsia

#6B6B6B

CSS Usage

background-color: #FA4543;
color: #FA4543;
border-color: #FA4543;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FEF1F1
100
#FCDFDF
200
#FDBAB9
300
#FC8988
400
#FA4947
500
#F80907
600
#C70805
700
#9F0604
800
#7C0503
900
#5A0807
950
#390504

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

6.0:1

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