#FBA688

#FBA688

Color Values

HEX

#FBA688

RGB

251, 166, 136

HSL

15,7, 93,5%, 75,9%

HSV

15,7, 45,8%, 98,4%

CMYK

0,0%, 33,9%, 45,8%, 1,6%

OKLCH

0,8019 0,1095 40,2

Properties

Warm Light Nearest: NCS S 0540-Y70R Coral Light

Color Harmonies

Complementary

#FBA688

#88DDFB

Analogous

#FB88A3

#FBE088

#FBA688

Triadic

#FBA688

#88FBA6

#A688FB

Split Complementary

#FBA688

#88FBE0

#88A3FB

Tetradic

#FBA688

#A3FB88

#88DDFB

#E088FB

Color Blindness Simulation

Original

#FBA688

Protanopia

#D6D58F

Deuteranopia

#DBE291

Tritanopia

#F79596

Achromatopsia

#B6B6B6

CSS Usage

background-color: #FBA688;
color: #FBA688;
border-color: #FBA688;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FDF4F1
100
#FBE6DF
200
#FDCBBA
300
#FBA789
400
#F97748
500
#F74708
600
#C53907
700
#9E2D05
800
#7B2304
900
#591D08
950
#381205

Contrast Checker

Text on white

1,92:1

AA Fail AAA Fail

Text on black

10,91: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