#BB6971 Information

#BB6971 color RGB value is (187 , 105 , 113) , HEX triplet: bb, 69 and 71. RGB value is (187 , 105 , 113). Sum of RGB (Red+Green+Blue) = 187+105+113=405 (Red value is 187 (73.33% from 255 or 86.98% from 215); Green value is 105 (41.18% from 255 or 48.84% from 215); Blue value is 113 (44.31% from 255 or 52.56% from 215); Max value from RGB is 187 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #BB6971 hue: 0.98 , saturation: 0.38 and the lightness value of bb6971 is 0.57.

#bb6971
(187 , 105 , 113)
  • R (187)
  • G (105)
  • B (113)
  • C (0)
  • M (32.16)
  • Y (29.02)
  • K (26.67)

Applying the #bb6971

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

#b6646c
#b15f67
#ac5a62
#a7555d
#a25058
#9d4b53
#98464e
#934149
#8e3c44
#89373f
#84323a
#7f2d35
#c7757d
#d38189
#df8d95
#eb99a1
#f7a5ad
#ffb1b9
#ffbdc5
#ffc9d1
#ffd5dd
#ffe1e9
#ffedf5
#fff9ff

Color spaces of #bb6971

Type Values
RGB 187 105 113
HSL 0.98 0.38 0.57
HSV 354 44 73
CMYK 0 32.16 29.02 26.67
XYZ 28.5257 21.8602 18.3388
Hunter Lab 46.7549 27.0841 9.4808
CIE-Lab 53.8784 33.5621 10.0297

Base Numbers

BaseRedGreenBlue
Decimal 187 105 113
Binary 10111011 1101001 1110001
Octal 273 151 161
Hex BB 69 71

Monochromatic Colors

#d4828a
#ed9ba3
#ffb4bc
#ffcdd5
#ffe6ee
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#bb6971 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#BB6971 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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