#FFA486

#FFA486

Color Values

HEX

#FFA486

RGB

255, 164, 134

HSL

14.9, 100.0%, 76.3%

HSV

14.9, 47.5%, 100.0%

CMYK

0.0%, 35.7%, 47.5%, 0.0%

OKLCH

0.8027 0.1164 39.0

Properties

Warm Light Nearest: lightsalmon

Color Harmonies

Complementary

#FFA486

#86E1FF

Analogous

#FF86A5

#FFE186

#FFA486

Triadic

#FFA486

#86FFA4

#A486FF

Split Complementary

#FFA486

#86FFE1

#86A5FF

Tetradic

#FFA486

#A5FF86

#86E1FF

#E186FF

Color Blindness Simulation

Original

#FFA486

Protanopia

#D8D78D

Deuteranopia

#DDE48F

Tritanopia

#FA9394

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE6DE
200
#FFC9B8
300
#FFA385
400
#FF7142
500
#FF3F00
600
#CC3300
700
#A32900
800
#802000
900
#5C1B05
950
#3A1103

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

10.91:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026