#F8CBD9

#F8CBD9

Color Values

HEX

#F8CBD9

RGB

248, 203, 217

HSL

341.3, 76.3%, 88.4%

HSV

341.3, 18.1%, 97.3%

CMYK

0.0%, 18.1%, 12.5%, 2.7%

OKLCH

0.8849 0.0538 357.7

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#F8CBD9

#CBF8EA

Analogous

#F8CBEF

#F8D3CB

#F8CBD9

Triadic

#F8CBD9

#D9F8CB

#CBD9F8

Split Complementary

#F8CBD9

#CBF8D3

#CBEFF8

Tetradic

#F8CBD9

#EFF8CB

#CBF8EA

#D3CBF8

Color Blindness Simulation

Original

#F8CBD9

Protanopia

#E5E4D6

Deuteranopia

#E7EAD5

Tritanopia

#F6D3D2

Achromatopsia

#D6D6D6

CSS Usage

background-color: #F8CBD9;
color: #F8CBD9;
border-color: #F8CBD9;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#FCF2F5
100
#F9E2E9
200
#F7C0D1
300
#F093B0
400
#E95986
500
#E11E5B
600
#B41849
700
#90133A
800
#700F2D
900
#520F24
950
#340A17

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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