#FD869F

#FD869F

Color Values

HEX

#FD869F

RGB

253, 134, 159

HSL

347.4, 96.7%, 75.9%

HSV

347.4, 47.0%, 99.2%

CMYK

0.0%, 47.0%, 37.2%, 0.8%

OKLCH

0.758 0.146 7.8

Properties

Warm Light Nearest: Tickle Me Pink

Color Harmonies

Complementary

#FD869F

#86FDE4

Analogous

#FD86DB

#FDA986

#FD869F

Triadic

#FD869F

#9FFD86

#869FFD

Split Complementary

#FD869F

#86FDA9

#86DBFD

Tetradic

#FD869F

#DBFD86

#86FDE4

#A986FD

Color Blindness Simulation

Original

#FD869F

Protanopia

#C9C899

Deuteranopia

#D0D998

Tritanopia

#F79493

Achromatopsia

#A1A1A1

CSS Usage

background-color: #FD869F;
color: #FD869F;
border-color: #FD869F;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FEF1F4
100
#FCDEE5
200
#FEB9C7
300
#FD879F
400
#FC456C
500
#FB0438
600
#C9032D
700
#A10324
800
#7D021C
900
#5B0618
950
#39040F

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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