#B9C2D2 Hex Color

Try:

Color NameLight Steel Blue

HEX

#B9C2D2

RGB

185, 194, 210

HSL

218°, 22%, 77%

CMYK

12%, 8%, 0%, 18%

Shades

CSS Usage

color: #B9C2D2;
background-color: #B9C2D2;
border-color: #B9C2D2;
box-shadow: 0 0 10px #B9C2D2;
border: 2px solid #B9C2D2;

Tailwind Usage

bg-[#B9C2D2]
text-[#B9C2D2]
border-[#B9C2D2]
shadow-[0_0_10px_B9C2D2]

Generate Gradient

→

Gradient CSS

background: linear-gradient(90deg, #B9C2D2, #FF5733);

Preview in UI

Button

.btn-primary { background-color: #B9C2D2; color: #000000; }

Badge

New Feature

.badge { background-color: #B9C2D2; color: #000000; }

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.

.card-accent { border: 2px solid #B9C2D2; background-color: #B9C2D215; }

Alert / Toast

This is an alert using your color as accent.

.alert { background-color: #B9C2D220; border-left: 4px solid #B9C2D2; }

Link / Accent

This is a paragraph with a link using your color. The color can be applied to interactive elements.

a { color: #B9C2D2; }

Related Colors

Complementary

Analogous

Triadic

Split Complementary

Tetradic

Monochromatic

Popular Colors

Common HEX Colors

Color Theory

Relationships based on the position of #B9C2D2 in the color wheel.

● Current● Complementary● Triadic● Analogous

About the color #B9C2D2

The hex color #B9C2D2, commonly known as light steel blue, is represented in the RGB color model as (185, 194, 210). In the HSL color space it has a hue of 218°, saturation of 22%, and lightness of 77%.

On the color wheel, #B9C2D2 sits at 218° hue, placing it in the blue region. Colors opposite on the wheel form complementary pairs, while neighboring colors create analogous palettes. Triadic colors are spaced 120° apart, creating vibrant combinations often used in bold designs.

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 #B9C2D2 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 #B9C2D2 is #D1C8B7.

Similar colors to #B9C2D2

#EAEDF2

#D5DAE4

#C0C8D7