#F7AF8C

#F7AF8C

Color Values

HEX

#F7AF8C

RGB

247, 175, 140

HSL

19.6, 87.0%, 75.9%

HSV

19.6, 43.3%, 96.9%

CMYK

0.0%, 29.1%, 43.3%, 3.1%

OKLCH

0.8142 0.0972 46.8

Properties

Warm Light Nearest: NCS S 0530-Y90R Light Orange

Color Harmonies

Complementary

#F7AF8C

#8CD4F7

Analogous

#F78C9F

#F7E48C

#F7AF8C

Triadic

#F7AF8C

#8CF7AF

#AF8CF7

Split Complementary

#F7AF8C

#8CF7E4

#8C9FF7

Tetradic

#F7AF8C

#9FF78C

#8CD4F7

#E48CF7

Color Blindness Simulation

Original

#F7AF8C

Protanopia

#D8D794

Deuteranopia

#DCE196

Tritanopia

#F39B9D

Achromatopsia

#BCBCBC

CSS Usage

background-color: #F7AF8C;
color: #F7AF8C;
border-color: #F7AF8C;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FDF5F2
100
#FAE9E0
200
#FAD1BC
300
#F7AF8D
400
#F3844F
500
#EE5911
600
#BF470D
700
#99390B
800
#772D08
900
#56230B
950
#371607

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.47:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026