#FB98CF

#FB98CF

Color Values

HEX

#FB98CF

RGB

251, 152, 207

HSL

326,7, 92,5%, 79,0%

HSV

326,7, 39,4%, 98,4%

CMYK

0,0%, 39,4%, 17,5%, 1,6%

OKLCH

0,7976 0,1351 346,2

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#FB98CF

#98FBC4

Analogous

#F698FB

#FB989D

#FB98CF

Triadic

#FB98CF

#CFFB98

#98CFFB

Split Complementary

#FB98CF

#9DFB98

#98FBF6

Tetradic

#FB98CF

#FBF698

#98FBC4

#989DFB

Color Blindness Simulation

Original

#FB98CF

Protanopia

#D0CFC2

Deuteranopia

#D6DDBE

Tritanopia

#F6B7B5

Achromatopsia

#B1B1B1

CSS Usage

background-color: #FB98CF;
color: #FB98CF;
border-color: #FB98CF;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF1F8
100
#FBDFEF
200
#FCBADF
300
#FA89C8
400
#F849AA
500
#F50A8C
600
#C40870
700
#9D065A
800
#7B0546
900
#590835
950
#380521

Contrast Checker

Text on white

2,0:1

AA Fail AAA Fail

Text on black

10,49:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026