#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

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