#F7A396

#F7A396

Color Values

HEX

#F7A396

RGB

247, 163, 150

HSL

8.0, 85.8%, 77.8%

HSV

8.0, 39.3%, 96.9%

CMYK

0.0%, 34.0%, 39.3%, 3.1%

OKLCH

0.7951 0.1024 29.2

Properties

Warm Light Nearest: NCS S 0530-R10B Rose

Color Harmonies

Complementary

#F7A396

#96EAF7

Analogous

#F796B9

#F7D396

#F7A396

Triadic

#F7A396

#96F7A3

#A396F7

Split Complementary

#F7A396

#96F7D3

#96B9F7

Tetradic

#F7A396

#B9F796

#96EAF7

#D396F7

Color Blindness Simulation

Original

#F7A396

Protanopia

#D3D299

Deuteranopia

#D8DE9A

Tritanopia

#F39C9C

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE4E0
200
#FAC5BD
300
#F69B8D
400
#F26550
500
#ED2F12
600
#BE260E
700
#981E0C
800
#761809
900
#56150B
950
#360D07

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

10.63:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026