#FD9B8C

#FD9B8C

Color Values

HEX

#FD9B8C

RGB

253, 155, 140

HSL

8.0, 96.6%, 77.1%

HSV

8.0, 44.7%, 99.2%

CMYK

0.0%, 38.7%, 44.7%, 0.8%

OKLCH

0.7864 0.1202 29.4

Properties

Warm Light Nearest: darksalmon

Color Harmonies

Complementary

#FD9B8C

#8CEEFD

Analogous

#FD8CB6

#FDD48C

#FD9B8C

Triadic

#FD9B8C

#8CFD9B

#9B8CFD

Split Complementary

#FD9B8C

#8CFDD4

#8CB6FD

Tetradic

#FD9B8C

#B6FD8C

#8CEEFD

#D48CFD

Color Blindness Simulation

Original

#FD9B8C

Protanopia

#D3D290

Deuteranopia

#D8E090

Tritanopia

#F89293

Achromatopsia

#AFAFAF

CSS Usage

background-color: #FD9B8C;
color: #FD9B8C;
border-color: #FD9B8C;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FEF3F1
100
#FCE2DE
200
#FEC2B9
300
#FD9687
400
#FC5E46
500
#FB2504
600
#C91E03
700
#A01803
800
#7D1302
900
#5B1206
950
#390B04

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

10.24:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026