#F5AF8F

#F5AF8F

Color Values

HEX

#F5AF8F

RGB

245, 175, 143

HSL

18.8, 83.6%, 76.1%

HSV

18.8, 41.6%, 96.1%

CMYK

0.0%, 28.6%, 41.6%, 3.9%

OKLCH

0.8126 0.0933 45.5

Properties

Warm Light Nearest: NCS S 0530-Y90R Light Orange

Color Harmonies

Complementary

#F5AF8F

#8FD5F5

Analogous

#F58FA2

#F5E28F

#F5AF8F

Triadic

#F5AF8F

#8FF5AF

#AF8FF5

Split Complementary

#F5AF8F

#8FF5E2

#8FA2F5

Tetradic

#F5AF8F

#A2F58F

#8FD5F5

#E28FF5

Color Blindness Simulation

Original

#F5AF8F

Protanopia

#D7D697

Deuteranopia

#DBE099

Tritanopia

#F29D9E

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FDF5F2
100
#FAE8E0
200
#F9D0BD
300
#F5AF8F
400
#F08352
500
#EA5815
600
#BB4611
700
#96380D
800
#752C0A
900
#55230C
950
#361608

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.41:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026