#86A1B8 Hex Color
Shades
color: #86A1B8; background-color: #86A1B8; border-color: #86A1B8; box-shadow: 0 0 10px #86A1B8; border: 2px solid #86A1B8;
bg-[#86A1B8] text-[#86A1B8] border-[#86A1B8] shadow-[0_0_10px_86A1B8]
Generate Gradient
background: linear-gradient(90deg, #86A1B8, #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 #86A1B8
The hex color #86A1B8, commonly known as light slate gray, is represented in the RGB color model as (134, 161, 184). In the HSL color space it has a hue of 208°, saturation of 26%, and lightness of 62%.
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 #86A1B8 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 #86A1B8 is #B79C85.