#F7BADB

#F7BADB

Color Values

HEX

#F7BADB

RGB

247, 186, 219

HSL

327.5, 79.2%, 84.9%

HSV

327.5, 24.7%, 96.9%

CMYK

0.0%, 24.7%, 11.3%, 3.1%

OKLCH

0.8539 0.0817 345.3

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#F7BADB

#BAF7D6

Analogous

#F4BAF7

#F7BABD

#F7BADB

Triadic

#F7BADB

#DBF7BA

#BADBF7

Split Complementary

#F7BADB

#BDF7BA

#BAF7F4

Tetradic

#F7BADB

#F7F4BA

#BAF7D6

#BABDF7

Color Blindness Simulation

Original

#F7BADB

Protanopia

#DDDCD3

Deuteranopia

#E0E5D1

Tritanopia

#F4CDCB

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F9E1EE
200
#F8BFDE
300
#F291C6
400
#EB56A7
500
#E41B88
600
#B7156D
700
#921157
800
#720D44
900
#530E33
950
#340920

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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