#FFAB70

#FFAB70

Color Values

HEX

#FFAB70

RGB

255, 171, 112

HSL

24,8, 100,0%, 72,0%

HSV

24,8, 56,1%, 100,0%

CMYK

0,0%, 32,9%, 56,1%, 0,0%

OKLCH

0,8111 0,1242 55,1

Properties

Warm Light Nearest: Tan

Color Harmonies

Complementary

#FFAB70

#70C4FF

Analogous

#FF707D

#FFF370

#FFAB70

Triadic

#FFAB70

#70FFAB

#AB70FF

Split Complementary

#FFAB70

#70FFF3

#707DFF

Tetradic

#FFAB70

#7DFF70

#70C4FF

#F370FF

Color Blindness Simulation

Original

#FFAB70

Protanopia

#DBDA7E

Deuteranopia

#E0E682

Tritanopia

#FB8A8C

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEBDE
200
#FFD5B8
300
#FFB785
400
#FF9042
500
#FF6900
600
#CC5400
700
#A34300
800
#803500
900
#5C2905
950
#3A1A03

Contrast Checker

Text on white

1,86:1

AA Fail AAA Fail

Text on black

11,31: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