#B0CFBF Color Information
Hex color code: #B0CFBF
The hex color #B0CFBF is a gentle green with RGB values of (176, 207, 191) and HSL of (149°, 24%, 75%). It is often used for branding and logos.
Shades
color: #B0CFBF; background-color: #B0CFBF; border-color: #B0CFBF; box-shadow: 0 0 10px #B0CFBF; border: 2px solid #B0CFBF;
bg-[#B0CFBF] text-[#B0CFBF] border-[#B0CFBF] shadow-[0_0_10px_B0CFBF]
Generate Gradient
background: linear-gradient(90deg, #B0CFBF, #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
Color Theory
Relationships based on the position of #B0CFBF in the color wheel.
RGB, HSL and CMYK Values
RGB
176, 207, 191
Red: 176 / Green: 207 / Blue: 191
HSL
149°, 24%, 75%
Hue: 149° / Saturation: 24% / Lightness: 75%
CMYK
15%, 0%, 8%, 19%
Cyan: 15% / Magenta: 0% / Yellow: 8% / Key: 19%
What color is #B0CFBF?
#B0CFBF is a green hue associated with nature and harmony.
Color Shades
Complementary Colors
Color Palette
Color Meaning and Usage
#B0CFBF is a subtle green color with RGB values of 176, 207, 191 and HSL of 149°, 24%, 75%. This green hue evokes nature and harmony, making it suitable for well suited for marketing pages and hero sections. Lighter variations like #FFFFFF create softer gradients.
The complementary color of #B0CFBF is #CFB0C0, creating high-contrast pairings. For softer combinations, try analogous colors like #B0CFB0.
Use #B0CFBF in CSS: color: #B0CFBF or background-color: #B0CFBF. Create palettes with Color Palette Generator or check contrast with Contrast Checker.
Contrast with #B0CFBF
Sample text on this color - The quick brown fox jumps over the lazy dog.
Need more control? Contrast Checker →
Frequently Asked Questions
What color is #B0CFBF?
#B0CFBF is a subtle green color - a green hue that evokes nature and harmony.
What is the RGB value of #B0CFBF?
#B0CFBF in RGB is (176, 207, 191) - 176 red, 207 green, and 191 blue.
How to use #B0CFBF in CSS?
Use #B0CFBF directly in your CSS properties like color or background-color.