#FFA7AD

#FFA7AD

Color Values

HEX

#FFA7AD

RGB

255, 167, 173

HSL

355.9, 100.0%, 82.7%

HSV

355.9, 34.5%, 100.0%

CMYK

0.0%, 34.5%, 32.2%, 0.0%

OKLCH

0.8164 0.1043 15.2

Properties

Warm Light Nearest: lightpink 1

Color Harmonies

Complementary

#FFA7AD

#A7FFF9

Analogous

#FFA7D9

#FFCDA7

#FFA7AD

Triadic

#FFA7AD

#ADFFA7

#A7ADFF

Split Complementary

#FFA7AD

#A7FFCD

#A7D9FF

Tetradic

#FFA7AD

#D9FFA7

#A7FFF9

#CDA7FF

Color Blindness Simulation

Original

#FFA7AD

Protanopia

#D9D8AC

Deuteranopia

#DEE5AB

Tritanopia

#FBAAAA

Achromatopsia

#BABABA

CSS Usage

background-color: #FFA7AD;
color: #FFA7AD;
border-color: #FFA7AD;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FEF1F2
100
#FCDEE0
200
#FFB8BC
300
#FF858D
400
#FF424F
500
#FF0011
600
#CC000E
700
#A3000B
800
#800009
900
#5C050B
950
#3A0307

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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