#F5BADD

#F5BADD

Color Values

HEX

#F5BADD

RGB

245, 186, 221

HSL

324.4, 74.7%, 84.5%

HSV

324.4, 24.1%, 96.1%

CMYK

0.0%, 24.1%, 9.8%, 3.9%

OKLCH

0.8526 0.0812 342.6

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#F5BADD

#BAF5D2

Analogous

#EFBAF5

#F5BABF

#F5BADD

Triadic

#F5BADD

#DDF5BA

#BADDF5

Split Complementary

#F5BADD

#BFF5BA

#BAF5EF

Tetradic

#F5BADD

#F5EFBA

#BAF5D2

#BABFF5

Color Blindness Simulation

Original

#F5BADD

Protanopia

#DBDBD5

Deuteranopia

#DFE3D2

Tritanopia

#F2CECC

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F8E2EF
200
#F6C1E0
300
#F094CA
400
#E75AAE
500
#DF2091
600
#B21A74
700
#8F155D
800
#6F1049
900
#511037
950
#330A22

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

12.95:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026