#FDDB86

#FDDB86

Color Values

HEX

#FDDB86

RGB

253, 219, 134

HSL

42.9, 96.7%, 75.9%

HSV

42.9, 47.0%, 99.2%

CMYK

0.0%, 13.4%, 47.0%, 0.8%

OKLCH

0.902 0.1109 88.4

Properties

Warm Light Nearest: lightgoldenrod 2

Color Harmonies

Complementary

#FDDB86

#86A8FD

Analogous

#FDA086

#E3FD86

#FDDB86

Triadic

#FDDB86

#86FDDB

#DB86FD

Split Complementary

#FDDB86

#86E3FD

#A086FD

Tetradic

#FDDB86

#86FDA0

#86A8FD

#FD86E3

Color Blindness Simulation

Original

#FDDB86

Protanopia

#EEEE9B

Deuteranopia

#F0F3A0

Tritanopia

#FBABAE

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#FEFAF1
100
#FCF3DE
200
#FEEAB9
300
#FDDB87
400
#FCC845
500
#FBB504
600
#C99003
700
#A17403
800
#7D5A02
900
#5B4306
950
#392A04

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

15.65:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026