#F1A3CB

#F1A3CB

Color Values

HEX

#F1A3CB

RGB

241, 163, 203

HSL

329.2, 73.6%, 79.2%

HSV

329.2, 32.4%, 94.5%

CMYK

0.0%, 32.4%, 15.8%, 5.5%

OKLCH

0.803 0.1046 347.6

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#F1A3CB

#A3F1C9

Analogous

#F0A3F1

#F1A3A4

#F1A3CB

Triadic

#F1A3CB

#CBF1A3

#A3CBF1

Split Complementary

#F1A3CB

#A4F1A3

#A3F1F0

Tetradic

#F1A3CB

#F1F0A3

#A3F1C9

#A3A4F1

Color Blindness Simulation

Original

#F1A3CB

Protanopia

#CFCFC1

Deuteranopia

#D4DABF

Tritanopia

#EDBAB8

Achromatopsia

#B6B6B6

CSS Usage

background-color: #F1A3CB;
color: #F1A3CB;
border-color: #F1A3CB;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FCF3F7
100
#F8E2ED
200
#F6C1DC
300
#EF95C3
400
#E65BA3
500
#DD2282
600
#B11B68
700
#8E1653
800
#6F1141
900
#511031
950
#330A1F

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.84:1

AA Pass AAA Pass

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