#BAFAFA Hex Color
Shades
color: #BAFAFA; background-color: #BAFAFA; border-color: #BAFAFA; box-shadow: 0 0 10px #BAFAFA; border: 2px solid #BAFAFA;
bg-[#BAFAFA] text-[#BAFAFA] border-[#BAFAFA] shadow-[0_0_10px_BAFAFA]
Generate Gradient
background: linear-gradient(90deg, #BAFAFA, #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 #BAFAFA
The hex color #BAFAFA, commonly known as pale turquoise, is represented in the RGB color model as (186, 250, 250). In the HSL color space it has a hue of 180°, saturation of 86%, and lightness of 85%.
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 #BAFAFA 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 #BAFAFA is #FAB8B8.