#7C96D4 Information

#7C96D4 color RGB value is (124 , 150 , 212) , HEX triplet: 7c, 96 and d4. RGB value is (124 , 150 , 212). Sum of RGB (Red+Green+Blue) = 124+150+212=486 (Red value is 124 (48.63% from 255 or 57.67% from 215); Green value is 150 (58.82% from 255 or 69.77% from 215); Blue value is 212 (83.14% from 255 or 98.6% from 215); Max value from RGB is 212 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #7C96D4 hue: 0.62 , saturation: 0.51 and the lightness value of 7c96d4 is 0.66.

#7c96d4
(124 , 150 , 212)
  • R (124)
  • G (150)
  • B (212)
  • C (34.51)
  • M (24.31)
  • Y (0)
  • K (16.86)

Applying the #7c96d4

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

#7791cf
#728cca
#6d87c5
#6882c0
#637dbb
#5e78b6
#5973b1
#546eac
#4f69a7
#4a64a2
#455f9d
#405a98
#88a2e0
#94aeec
#a0baf8
#acc6ff
#b8d2ff
#c4deff
#d0eaff
#dcf6ff
#e8ffff
#f4ffff
#ffffff

Color spaces of #7c96d4

Type Values
RGB 124 150 212
HSL 0.62 0.51 0.66
HSV 222 42 83
CMYK 34.51 24.31 0 16.86
XYZ 31.1022 30.8512 66.603
Hunter Lab 55.5439 2.7508 -32.1889
CIE-Lab 62.3819 6.6987 -34.6342

Base Numbers

BaseRedGreenBlue
Decimal 124 150 212
Binary 1111100 10010110 11010100
Octal 174 226 324
Hex 7C 96 D4

Monochromatic Colors

#95afed
#aec8ff
#c7e1ff
#e0faff
#f9ffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7c96d4 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7C96D4 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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