#FBD688

#FBD688

Color Values

HEX

#FBD688

RGB

251, 214, 136

HSL

40.7, 93.5%, 75.9%

HSV

40.7, 45.8%, 98.4%

CMYK

0.0%, 14.7%, 45.8%, 1.6%

OKLCH

0.8907 0.1051 85.0

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#FBD688

#88ADFB

Analogous

#FB9D88

#E7FB88

#FBD688

Triadic

#FBD688

#88FBD6

#D688FB

Split Complementary

#FBD688

#88E7FB

#9D88FB

Tetradic

#FBD688

#88FB9D

#88ADFB

#FB88E7

Color Blindness Simulation

Original

#FBD688

Protanopia

#EBEB9B

Deuteranopia

#EDF09F

Tritanopia

#F9AAAD

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FDFAF1
100
#FBF2DF
200
#FDE7BA
300
#FBD689
400
#F9C048
500
#F7AA08
600
#C58807
700
#9E6D05
800
#7B5504
900
#593F08
950
#382805

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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