#FAD3B2

#FAD3B2

Color Values

HEX

#FAD3B2

RGB

250, 211, 178

HSL

27.5, 87.8%, 83.9%

HSV

27.5, 28.8%, 98.0%

CMYK

0.0%, 15.6%, 28.8%, 2.0%

OKLCH

0.8918 0.0619 62.1

Properties

Warm Light Nearest: peachpuff

Color Harmonies

Complementary

#FAD3B2

#B2D9FA

Analogous

#FAB2B5

#FAF7B2

#FAD3B2

Triadic

#FAD3B2

#B2FAD3

#D3B2FA

Split Complementary

#FAD3B2

#B2FAF7

#B2B5FA

Tetradic

#FAD3B2

#B5FAB2

#B2D9FA

#F7B2FA

Color Blindness Simulation

Original

#FAD3B2

Protanopia

#E9E9BA

Deuteranopia

#EBEEBC

Tritanopia

#F8C0C2

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAECE0
200
#FBD9BC
300
#F8BD8C
400
#F39A4E
500
#EF7610
600
#C05F0C
700
#994C0A
800
#783B08
900
#572D0A
950
#371D06

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

15.03:1

AA Pass AAA Pass

Related Articles

Tutorials

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

1월 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1월 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1월 15, 2026