#FDB188

#FDB188

Color Values

HEX

#FDB188

RGB

253, 177, 136

HSL

21.0, 96.7%, 76.3%

HSV

21.0, 46.2%, 99.2%

CMYK

0.0%, 30.0%, 46.2%, 0.8%

OKLCH

0.8235 0.1047 49.2

Properties

Warm Light Nearest: NCS S 0530-Y90R Light Orange

Color Harmonies

Complementary

#FDB188

#88D4FD

Analogous

#FD889A

#FDEB88

#FDB188

Triadic

#FDB188

#88FDB1

#B188FD

Split Complementary

#FDB188

#88FDEB

#889AFD

Tetradic

#FDB188

#9AFD88

#88D4FD

#EB88FD

Color Blindness Simulation

Original

#FDB188

Protanopia

#DCDB92

Deuteranopia

#E0E694

Tritanopia

#F99A9B

Achromatopsia

#BEBEBE

CSS Usage

background-color: #FDB188;
color: #FDB188;
border-color: #FDB188;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FEF5F1
100
#FCE9DE
200
#FED1B9
300
#FDB087
400
#FC8545
500
#FB5B04
600
#C94803
700
#A13A03
800
#7D2D02
900
#5B2406
950
#391704

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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