#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

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