#FBF5D3 Hex Color
Shades
color: #FBF5D3; background-color: #FBF5D3; border-color: #FBF5D3; box-shadow: 0 0 10px #FBF5D3; border: 2px solid #FBF5D3;
bg-[#FBF5D3] text-[#FBF5D3] border-[#FBF5D3] shadow-[0_0_10px_FBF5D3]
Generate Gradient
background: linear-gradient(90deg, #FBF5D3, #FF5733);
Preview in UI
Button
Badge
Text Highlight
The quick brown fox jumps over the lazy dog. highlighted text example shows how the color looks as a text highlight.
Card
Card Title
This card uses your color as a border accent.
Alert / Toast
Link / Accent
This is a paragraph with a link using your color. The color can be applied to interactive elements.
Related Colors
Complementary
Analogous
Triadic
Split Complementary
Tetradic
Monochromatic
Popular Colors
Common HEX Colors
About the color #FBF5D3
The hex color #FBF5D3, commonly known as light goldenrod yellow, is represented in the RGB color model as (251, 245, 211). In the HSL color space it has a hue of 51°, saturation of 83%, and lightness of 91%.
The RGB (Red, Green, Blue) color model is an additive color model where colors are created by combining red, green, and blue light at different intensities. Each channel ranges from 0 to 255, allowing for over 16 million possible colors.
HSL (Hue, Saturation, Lightness) represents colors using three components: hue (the color position on the color wheel, 0-360°), saturation (color intensity, 0-100%), and lightness (brightness, 0-100%). This model is more intuitive for humans to understand and manipulate colors.
This color is commonly used in web interfaces, buttons, links, and branding elements. Developers can use #FBF5D3 directly in CSS for text, borders, backgrounds, gradients, and UI highlights. Convert this color using the HEX to RGB converter or generate palettes using the color palette generator. You can also convert to HSL using the RGB to HSL converter.
The complementary color of #FBF5D3 is #D5DBFB.