#FFA386

#FFA386

Color Values

HEX

#FFA386

RGB

255, 163, 134

HSL

14.4, 100.0%, 76.3%

HSV

14.4, 47.5%, 100.0%

CMYK

0.0%, 36.1%, 47.5%, 0.0%

OKLCH

0.801 0.1172 38.3

Properties

Warm Light Nearest: lightsalmon

Color Harmonies

Complementary

#FFA386

#86E2FF

Analogous

#FF86A6

#FFE086

#FFA386

Triadic

#FFA386

#86FFA3

#A386FF

Split Complementary

#FFA386

#86FFE0

#86A6FF

Tetradic

#FFA386

#A6FF86

#86E2FF

#E086FF

Color Blindness Simulation

Original

#FFA386

Protanopia

#D7D68D

Deuteranopia

#DCE38F

Tritanopia

#FA9394

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FFC9B8
300
#FFA285
400
#FF7042
500
#FF3D00
600
#CC3100
700
#A32700
800
#801F00
900
#5C1A05
950
#3A1003

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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