#696CAB Information

#696CAB color RGB value is (105 , 108 , 171) , HEX triplet: 69, 6c and ab. RGB value is (105 , 108 , 171). Sum of RGB (Red+Green+Blue) = 105+108+171=384 (Red value is 105 (41.18% from 255 or 48.84% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 171 (67.06% from 255 or 79.53% from 215); Max value from RGB is 171 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #696CAB hue: 0.66 , saturation: 0.28 and the lightness value of 696cab is 0.54.

#696cab
(105 , 108 , 171)
  • R (105)
  • G (108)
  • B (171)
  • C (25.88)
  • M (24.71)
  • Y (0)
  • K (32.94)

Applying the #696cab

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

#6467a6
#5f62a1
#5a5d9c
#555897
#505392
#4b4e8d
#464988
#414483
#3c3f7e
#373a79
#323574
#2d306f
#7578b7
#8184c3
#8d90cf
#999cdb
#a5a8e7
#b1b4f3
#bdc0ff
#c9ccff
#d5d8ff
#e1e4ff
#edf0ff
#f9fcff

Color spaces of #696cab

Type Values
RGB 105 108 171
HSL 0.66 0.28 0.54
HSV 237 39 67
CMYK 25.88 24.71 0 32.94
XYZ 18.5389 16.6687 40.7683
Hunter Lab 40.8273 9.6062 -30.6041
CIE-Lab 47.8398 14.7979 -34.0824

Base Numbers

BaseRedGreenBlue
Decimal 105 108 171
Binary 1101001 1101100 10101011
Octal 151 154 253
Hex 69 6C AB

Monochromatic Colors

#8285c4
#9b9edd
#b4b7f6
#cdd0ff
#e6e9ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#696cab Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#696CAB Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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