#FAD3B0

#FAD3B0

Color Values

HEX

#FAD3B0

RGB

250, 211, 176

HSL

28.4, 88.1%, 83.5%

HSV

28.4, 29.6%, 98.0%

CMYK

0.0%, 15.6%, 29.6%, 2.0%

OKLCH

0.8914 0.0637 63.8

Properties

Warm Light Nearest: Apricot

Color Harmonies

Complementary

#FAD3B0

#B0D7FA

Analogous

#FAB0B2

#FAF8B0

#FAD3B0

Triadic

#FAD3B0

#B0FAD3

#D3B0FA

Split Complementary

#FAD3B0

#B0FAF8

#B0B2FA

Tetradic

#FAD3B0

#B2FAB0

#B0D7FA

#F8B0FA

Color Blindness Simulation

Original

#FAD3B0

Protanopia

#E9E9B8

Deuteranopia

#EBEEBA

Tritanopia

#F8BFC1

Achromatopsia

#D9D9D9

CSS Usage

background-color: #FAD3B0;
color: #FAD3B0;
border-color: #FAD3B0;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FDF7F2
100
#FBECE0
200
#FBDABC
300
#F8BF8C
400
#F49C4E
500
#F07A0F
600
#C0610C
700
#994E0A
800
#783D08
900
#572E0A
950
#371D06

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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