#F6AF8D

#F6AF8D

Color Values

HEX

#F6AF8D

RGB

246, 175, 141

HSL

19.4, 85.4%, 75.9%

HSV

19.4, 42.7%, 96.5%

CMYK

0.0%, 28.9%, 42.7%, 3.5%

OKLCH

0.8133 0.0955 46.5

Properties

Warm Light Nearest: NCS S 0530-Y90R Light Orange

Color Harmonies

Complementary

#F6AF8D

#8DD4F6

Analogous

#F68DA0

#F6E38D

#F6AF8D

Triadic

#F6AF8D

#8DF6AF

#AF8DF6

Split Complementary

#F6AF8D

#8DF6E3

#8DA0F6

Tetradic

#F6AF8D

#A0F68D

#8DD4F6

#E38DF6

Color Blindness Simulation

Original

#F6AF8D

Protanopia

#D7D795

Deuteranopia

#DBE197

Tritanopia

#F29C9D

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FDF5F2
100
#FAE9E0
200
#FAD1BD
300
#F6AF8E
400
#F18450
500
#EC5913
600
#BD470F
700
#97390C
800
#762D09
900
#56230B
950
#361607

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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