#8B9AC4 Information

#8B9AC4 color RGB value is (139 , 154 , 196) , HEX triplet: 8b, 9a and c4. RGB value is (139 , 154 , 196). Sum of RGB (Red+Green+Blue) = 139+154+196=489 (Red value is 139 (54.51% from 255 or 64.65% from 215); Green value is 154 (60.39% from 255 or 71.63% 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 #8B9AC4 hue: 0.62 , saturation: 0.33 and the lightness value of 8b9ac4 is 0.66.

#8b9ac4
(139 , 154 , 196)
  • R (139)
  • G (154)
  • B (196)
  • C (22.35)
  • M (16.47)
  • Y (0)
  • K (23.14)

Applying the #8b9ac4

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

#8695bf
#8190ba
#7c8bb5
#7786b0
#7281ab
#6d7ca6
#6877a1
#63729c
#5e6d97
#596892
#54638d
#4f5e88
#97a6d0
#a3b2dc
#afbee8
#bbcaf4
#c7d6ff
#d3e2ff
#dfeeff
#ebfaff
#f7ffff
#ffffff

Color spaces of #8b9ac4

Type Values
RGB 139 154 196
HSL 0.62 0.33 0.66
HSV 224 29 77
CMYK 22.35 16.47 0 23.14
XYZ 32.1669 32.5857 56.8188
Hunter Lab 57.0839 0.6886 -19.0352
CIE-Lab 63.824 4.3699 -23.3902

Base Numbers

BaseRedGreenBlue
Decimal 139 154 196
Binary 10001011 10011010 11000100
Octal 213 232 304
Hex 8B 9A C4

Monochromatic Colors

#a4b3dd
#bdccf6
#d6e5ff
#effeff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8b9ac4 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8B9AC4 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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