#F3BABF

#F3BABF

Color Values

HEX

#F3BABF

RGB

243, 186, 191

HSL

354,7, 70,4%, 84,1%

HSV

354,7, 23,5%, 95,3%

CMYK

0,0%, 23,5%, 21,4%, 4,7%

OKLCH

0,8418 0,0662 12,7

Properties

Warm Light Nearest: rosybrown 2

Color Harmonies

Complementary

#F3BABF

#BAF3EE

Analogous

#F3BADB

#F3D1BA

#F3BABF

Triadic

#F3BABF

#BFF3BA

#BABFF3

Split Complementary

#F3BABF

#BAF3D1

#BADBF3

Tetradic

#F3BABF

#DBF3BA

#BAF3EE

#D1BAF3

Color Blindness Simulation

Original

#F3BABF

Protanopia

#DADABE

Deuteranopia

#DEE2BE

Tritanopia

#F0BDBD

Achromatopsia

#C6C6C6

CSS Usage

background-color: #F3BABF;
color: #F3BABF;
border-color: #F3BABF;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FCF3F4
100
#F8E2E4
200
#F4C2C7
300
#ED979E
400
#E35E6A
500
#D92636
600
#AE1E2B
700
#8B1822
800
#6D131B
900
#4F1217
950
#320B0F

Contrast Checker

Text on white

1,67:1

AA Fail AAA Fail

Text on black

12,59: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