#F5AF8E

#F5AF8E

Color Values

HEX

#F5AF8E

RGB

245, 175, 142

HSL

19.2, 83.7%, 75.9%

HSV

19.2, 42.0%, 96.1%

CMYK

0.0%, 28.6%, 42.0%, 3.9%

OKLCH

0.8124 0.0939 46.2

Properties

Warm Light Nearest: NCS S 0530-Y90R Light Orange

Color Harmonies

Complementary

#F5AF8E

#8ED4F5

Analogous

#F58EA1

#F5E28E

#F5AF8E

Triadic

#F5AF8E

#8EF5AF

#AF8EF5

Split Complementary

#F5AF8E

#8EF5E2

#8EA1F5

Tetradic

#F5AF8E

#A1F58E

#8ED4F5

#E28EF5

Color Blindness Simulation

Original

#F5AF8E

Protanopia

#D7D696

Deuteranopia

#DBE098

Tritanopia

#F29C9E

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FDF5F2
100
#FAE9E0
200
#F9D1BD
300
#F5AF8F
400
#F08452
500
#EA5915
600
#BB4711
700
#96390D
800
#752D0A
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