#FDDD86

#FDDD86

Color Values

HEX

#FDDD86

RGB

253, 221, 134

HSL

43.9, 96.7%, 75.9%

HSV

43.9, 47.0%, 99.2%

CMYK

0.0%, 12.6%, 47.0%, 0.8%

OKLCH

0.9059 0.1122 89.9

Properties

Warm Light Nearest: lightgoldenrod 2

Color Harmonies

Complementary

#FDDD86

#86A6FD

Analogous

#FDA286

#E1FD86

#FDDD86

Triadic

#FDDD86

#86FDDD

#DD86FD

Split Complementary

#FDDD86

#86E1FD

#A286FD

Tetradic

#FDDD86

#86FDA2

#86A6FD

#FD86E1

Color Blindness Simulation

Original

#FDDD86

Protanopia

#EFEF9B

Deuteranopia

#F1F3A0

Tritanopia

#FBACAF

Achromatopsia

#DEDEDE

CSS Usage

background-color: #FDDD86;
color: #FDDD86;
border-color: #FDDD86;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FEFAF1
100
#FCF4DE
200
#FEEBB9
300
#FDDD87
400
#FCCB45
500
#FBB904
600
#C99403
700
#A17603
800
#7D5C02
900
#5B4406
950
#392B04

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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