#F9CAEB

#F9CAEB

Color Values

HEX

#F9CAEB

RGB

249, 202, 235

HSL

317,9, 79,7%, 88,4%

HSV

317,9, 18,9%, 97,6%

CMYK

0,0%, 18,9%, 5,6%, 2,4%

OKLCH

0,8894 0,068 337,2

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F9CAEB

#CAF9D8

Analogous

#EFCAF9

#F9CAD3

#F9CAEB

Triadic

#F9CAEB

#EBF9CA

#CAEBF9

Split Complementary

#F9CAEB

#D3F9CA

#CAF9EF

Tetradic

#F9CAEB

#F9EFCA

#CAF9D8

#CAD3F9

Color Blindness Simulation

Original

#F9CAEB

Protanopia

#E5E4E3

Deuteranopia

#E7EBE1

Tritanopia

#F7DDDB

Achromatopsia

#D6D6D6

CSS Usage

background-color: #F9CAEB;
color: #F9CAEB;
border-color: #F9CAEB;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FDF2F9
100
#F9E1F2
200
#F8BFE7
300
#F391D5
400
#EC55BF
500
#E51AA8
600
#B71587
700
#93116C
800
#730D54
900
#530E3E
950
#350927

Contrast Checker

Text on white

1,43:1

AA Fail AAA Fail

Text on black

14,68: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