#71769A Information

#71769A color RGB value is (113 , 118 , 154) , HEX triplet: 71, 76 and 9a. RGB value is (113 , 118 , 154). Sum of RGB (Red+Green+Blue) = 113+118+154=385 (Red value is 113 (44.31% from 255 or 52.56% from 215); Green value is 118 (46.27% from 255 or 54.88% from 215); Blue value is 154 (60.39% from 255 or 71.63% from 215); Max value from RGB is 154 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #71769A hue: 0.65 , saturation: 0.17 and the lightness value of 71769a is 0.52.

#71769a
(113 , 118 , 154)
  • R (113)
  • G (118)
  • B (154)
  • C (16.08)
  • M (14.12)
  • Y (0)
  • K (39.61)

Applying the #71769a

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

#6c7195
#676c90
#62678b
#5d6286
#585d81
#53587c
#4e5377
#494e72
#44496d
#3f4468
#3a3f63
#353a5e
#7d82a6
#898eb2
#959abe
#a1a6ca
#adb2d6
#b9bee2
#c5caee
#d1d6fa
#dde2ff
#e9eeff
#f5faff
#ffffff

Color spaces of #71769a

Type Values
RGB 113 118 154
HSL 0.65 0.17 0.52
HSV 233 27 60
CMYK 16.08 14.12 0 39.61
XYZ 19.1212 18.8007 33.1929
Hunter Lab 43.3597 2.8374 -15.0201
CIE-Lab 50.4532 6.5379 -20.0297

Base Numbers

BaseRedGreenBlue
Decimal 113 118 154
Binary 1110001 1110110 10011010
Octal 161 166 232
Hex 71 76 9A

Monochromatic Colors

#8a8fb3
#a3a8cc
#bcc1e5
#d5dafe
#eef3ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#71769a Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#71769A Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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