#BB966A Information

#BB966A color RGB value is (187 , 150 , 106) , HEX triplet: bb, 96 and 6a. RGB value is (187 , 150 , 106). Sum of RGB (Red+Green+Blue) = 187+150+106=443 (Red value is 187 (73.33% from 255 or 86.98% from 215); Green value is 150 (58.82% from 255 or 69.77% from 215); Blue value is 106 (41.57% from 255 or 49.3% from 215); Max value from RGB is 187 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #BB966A hue: 0.09 , saturation: 0.37 and the lightness value of bb966a is 0.57.

#bb966a
(187 , 150 , 106)
  • R (187)
  • G (150)
  • B (106)
  • C (0)
  • M (14.51)
  • Y (31.76)
  • K (26.67)

Applying the #bb966a

You are awesome !

If you don't really have a dream, you can't really push yourself you don't really know what the target is.

Shades & Tints

#b69165
#b18c60
#ac875b
#a78256
#a27d51
#9d784c
#987347
#936e42
#8e693d
#896438
#845f33
#7f5a2e
#c7a276
#d3ae82
#dfba8e
#ebc69a
#f7d2a6
#ffdeb2
#ffeabe
#fff6ca
#ffffd6
#ffffe2
#ffffee
#fffffa

Color spaces of #bb966a

Type Values
RGB 187 150 106
HSL 0.09 0.37 0.57
HSV 33 43 73
CMYK 0 14.51 31.76 26.67
XYZ 34.0014 33.4181 18.2939
Hunter Lab 57.8084 3.8246 21.709
CIE-Lab 64.498 7.9667 28.4295

Base Numbers

BaseRedGreenBlue
Decimal 187 150 106
Binary 10111011 10010110 1101010
Octal 273 226 152
Hex BB 96 6A

Monochromatic Colors

#d4af83
#edc89c
#ffe1b5
#ffface
#ffffe7
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#bb966a Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#BB966A Color CSS Codes

You are Awesome !!

Text Color Example

<p style="color:#bb966a">Text here</p>
You are Awesome !!

Background Color Example

<p style="background:#bb966a">Text here</p>
You are Awesome !!

Border Color Example

<p style="border:2px solid #bb966a">You are Awesome</p>
You are Awesome !!

Box & Text Shadow Color Example

<p style="text-shadow: 1px 1px 1px #bb966a;
box-shadow: 1px 1px 4px #bb966a">You are Awesome</p>