#FBCA88

#FBCA88

Color Values

HEX

#FBCA88

RGB

251, 202, 136

HSL

34.4, 93.5%, 75.9%

HSV

34.4, 45.8%, 98.4%

CMYK

0.0%, 19.5%, 45.8%, 1.6%

OKLCH

0.8676 0.1 74.1

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#FBCA88

#88B9FB

Analogous

#FB9188

#F3FB88

#FBCA88

Triadic

#FBCA88

#88FBCA

#CA88FB

Split Complementary

#FBCA88

#88F3FB

#9188FB

Tetradic

#FBCA88

#88FB91

#88B9FB

#FB88F3

Color Blindness Simulation

Original

#FBCA88

Protanopia

#E6E598

Deuteranopia

#E9EC9C

Tritanopia

#F9A5A7

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#FDF8F1
100
#FBEFDF
200
#FDE0BA
300
#FBCA89
400
#F9AE48
500
#F79108
600
#C57407
700
#9E5D05
800
#7B4804
900
#593608
950
#382205

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.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