#71698D Information

#71698D color RGB value is (113 , 105 , 141) , HEX triplet: 71, 69 and 8d. RGB value is (113 , 105 , 141). Sum of RGB (Red+Green+Blue) = 113+105+141=359 (Red value is 113 (44.31% from 255 or 52.56% from 215); Green value is 105 (41.18% from 255 or 48.84% from 215); Blue value is 141 (55.29% from 255 or 65.58% from 215); Max value from RGB is 141 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #71698D hue: 0.7 , saturation: 0.15 and the lightness value of 71698d is 0.48.

#71698d
(113 , 105 , 141)
  • R (113)
  • G (105)
  • B (141)
  • C (10.98)
  • M (14.12)
  • Y (0)
  • K (44.71)

Applying the #71698d

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

#6c6488
#675f83
#625a7e
#5d5579
#585074
#534b6f
#4e466a
#494165
#443c60
#3f375b
#3a3256
#352d51
#7d7599
#8981a5
#958db1
#a199bd
#ada5c9
#b9b1d5
#c5bde1
#d1c9ed
#ddd5f9
#e9e1ff
#f5edff
#fff9ff

Color spaces of #71698d

Type Values
RGB 113 105 141
HSL 0.7 0.15 0.48
HSV 253 26 55
CMYK 10.98 14.12 0 44.71
XYZ 16.6693 15.5369 27.3197
Hunter Lab 39.4169 6.5078 -13.4872
CIE-Lab 46.361 11.077 -18.6255

Base Numbers

BaseRedGreenBlue
Decimal 113 105 141
Binary 1110001 1101001 10001101
Octal 161 151 215
Hex 71 69 8D

Monochromatic Colors

#8a82a6
#a39bbf
#bcb4d8
#d5cdf1
#eee6ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#71698d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#71698D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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