#FA0585

#FA0585

Color Values

HEX

#FA0585

RGB

250, 5, 133

HSL

328.7, 96.1%, 50.0%

HSV

328.7, 98.0%, 98.0%

CMYK

0.0%, 98.0%, 46.8%, 2.0%

OKLCH

0.6388 0.2575 0.1

Properties

Warm Light Nearest: deeppink

Color Harmonies

Complementary

#FA0585

#05FA7A

Analogous

#F505FA

#FA050A

#FA0585

Triadic

#FA0585

#85FA05

#0585FA

Split Complementary

#FA0585

#0AFA05

#05FAF5

Tetradic

#FA0585

#FAF505

#05FA7A

#050AFA

Color Blindness Simulation

Original

#FA0585

Protanopia

#908E66

Deuteranopia

#9EB05F

Tritanopia

#EE4E48

Achromatopsia

#424242

CSS Usage

background-color: #FA0585;
color: #FA0585;
border-color: #FA0585;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FEF1F8
100
#FCDFEE
200
#FEB9DD
300
#FD87C4
400
#FB46A5
500
#FA0585
600
#C8046A
700
#A00355
800
#7D0242
900
#5A0732
950
#390420

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

5.43: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