#FFA370

#FFA370

Color Values

HEX

#FFA370

RGB

255, 163, 112

HSL

21.4, 100.0%, 72.0%

HSV

21.4, 56.1%, 100.0%

CMYK

0.0%, 36.1%, 56.1%, 0.0%

OKLCH

0.7972 0.128 49.2

Properties

Warm Light Nearest: Atomic Tangerine

Color Harmonies

Complementary

#FFA370

#70CCFF

Analogous

#FF7085

#FFEB70

#FFA370

Triadic

#FFA370

#70FFA3

#A370FF

Split Complementary

#FFA370

#70FFEB

#7085FF

Tetradic

#FFA370

#85FF70

#70CCFF

#EB70FF

Color Blindness Simulation

Original

#FFA370

Protanopia

#D7D67C

Deuteranopia

#DCE37F

Tritanopia

#FA8688

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE9DE
200
#FFD1B8
300
#FFB085
400
#FF8642
500
#FF5B00
600
#CC4900
700
#A33A00
800
#802D00
900
#5C2405
950
#3A1703

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

10.72:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026