#BC67C4 Information

#BC67C4 color RGB value is (188 , 103 , 196) , HEX triplet: bc, 67 and c4. RGB value is (188 , 103 , 196). Sum of RGB (Red+Green+Blue) = 188+103+196=487 (Red value is 188 (73.73% from 255 or 87.44% from 215); Green value is 103 (40.39% from 255 or 47.91% from 215); Blue value is 196 (76.86% from 255 or 91.16% from 215); Max value from RGB is 196 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #BC67C4 hue: 0.82 , saturation: 0.44 and the lightness value of bc67c4 is 0.59.

#bc67c4
(188 , 103 , 196)
  • R (188)
  • G (103)
  • B (196)
  • C (3.14)
  • M (36.47)
  • Y (0)
  • K (23.14)

Applying the #bc67c4

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

#b762bf
#b25dba
#ad58b5
#a853b0
#a34eab
#9e49a6
#9944a1
#943f9c
#8f3a97
#8a3592
#85308d
#802b88
#c873d0
#d47fdc
#e08be8
#ec97f4
#f8a3ff
#ffafff
#ffbbff
#ffc7ff
#ffd3ff
#ffdfff
#ffebff
#fff7ff

Color spaces of #bc67c4

Type Values
RGB 188 103 196
HSL 0.82 0.44 0.59
HSV 295 47 77
CMYK 3.14 36.47 0 23.14
XYZ 35.5531 24.3774 55.056
Hunter Lab 49.3735 42.1318 -31.5288
CIE-Lab 56.4637 47.9168 -34.3978

Base Numbers

BaseRedGreenBlue
Decimal 188 103 196
Binary 10111100 1100111 11000100
Octal 274 147 304
Hex BC 67 C4

Monochromatic Colors

#d580dd
#ee99f6
#ffb2ff
#ffcbff
#ffe4ff
#fffdff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#bc67c4 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#BC67C4 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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