#FA4875

#FA4875

Color Values

HEX

#FA4875

RGB

250, 72, 117

HSL

344,8, 94,7%, 63,1%

HSV

344,8, 71,2%, 98,0%

CMYK

0,0%, 71,2%, 53,2%, 2,0%

OKLCH

0,6676 0,214 10,4

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#FA4875

#48FACD

Analogous

#FA48CE

#FA7448

#FA4875

Triadic

#FA4875

#75FA48

#4875FA

Split Complementary

#FA4875

#48FA74

#48CEFA

Tetradic

#FA4875

#CEFA48

#48FACD

#7448FA

Color Blindness Simulation

Original

#FA4875

Protanopia

#ADAB6A

Deuteranopia

#B7C567

Tritanopia

#F16260

Achromatopsia

#717171

CSS Usage

background-color: #FA4875;
color: #FA4875;
border-color: #FA4875;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FEF1F4
100
#FCDFE6
200
#FDB9CB
300
#FC88A5
400
#FA4775
500
#F80744
600
#C70536
700
#9F042B
800
#7C0322
900
#5A071C
950
#390512

Contrast Checker

Text on white

3,36:1

AA Fail AAA Fail

Text on black

6,25: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