#679BAC Information

#679BAC color RGB value is (103 , 155 , 172) , HEX triplet: 67, 9b and ac. RGB value is (103 , 155 , 172). Sum of RGB (Red+Green+Blue) = 103+155+172=430 (Red value is 103 (40.39% from 255 or 47.91% from 215); Green value is 155 (60.78% from 255 or 72.09% from 215); Blue value is 172 (67.45% from 255 or 80% from 215); Max value from RGB is 172 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #679BAC hue: 0.54 , saturation: 0.29 and the lightness value of 679bac is 0.54.

#679bac
(103 , 155 , 172)
  • R (103)
  • G (155)
  • B (172)
  • C (27.06)
  • M (6.67)
  • Y (0)
  • K (32.55)

Applying the #679bac

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

#6296a7
#5d91a2
#588c9d
#538798
#4e8293
#497d8e
#447889
#3f7384
#3a6e7f
#35697a
#306475
#2b5f70
#73a7b8
#7fb3c4
#8bbfd0
#97cbdc
#a3d7e8
#afe3f4
#bbefff
#c7fbff
#d3ffff
#dfffff
#ebffff
#f7ffff

Color spaces of #679bac

Type Values
RGB 103 155 172
HSL 0.54 0.29 0.54
HSV 195 40 67
CMYK 27.06 6.67 0 32.55
XYZ 24.7613 29.3048 43.3811
Hunter Lab 54.1339 -13.0868 -9.6026
CIE-Lab 61.0497 -12.7746 -14.3225

Base Numbers

BaseRedGreenBlue
Decimal 103 155 172
Binary 1100111 10011011 10101100
Octal 147 233 254
Hex 67 9B AC

Monochromatic Colors

#80b4c5
#99cdde
#b2e6f7
#cbffff
#e4ffff
#fdffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#679bac Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#679BAC Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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