#707BEE Information

#707BEE color RGB value is (112 , 123 , 238) , HEX triplet: 70, 7b and ee. RGB value is (112 , 123 , 238). Sum of RGB (Red+Green+Blue) = 112+123+238=473 (Red value is 112 (43.92% from 255 or 52.09% from 215); Green value is 123 (48.24% from 255 or 57.21% from 215); Blue value is 238 (93.33% from 255 or 110.7% from 215); Max value from RGB is 238 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #707BEE hue: 0.65 , saturation: 0.79 and the lightness value of 707bee is 0.69.

#707bee
(112 , 123 , 238)
  • R (112)
  • G (123)
  • B (238)
  • C (49.41)
  • M (45.1)
  • Y (0)
  • K (6.67)

Applying the #707bee

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

#6b76e9
#6671e4
#616cdf
#5c67da
#5762d5
#525dd0
#4d58cb
#4853c6
#434ec1
#3e49bc
#3944b7
#343fb2
#7c87fa
#8893ff
#949fff
#a0abff
#acb7ff
#b8c3ff
#c4cfff
#d0dbff
#dce7ff
#e8f3ff
#f4ffff
#ffffff

Color spaces of #707bee

Type Values
RGB 112 123 238
HSL 0.65 0.79 0.69
HSV 235 53 93
CMYK 49.41 45.1 0 6.67
XYZ 29.1977 23.7837 83.9408
Hunter Lab 48.7685 21.523 -67.8755
CIE-Lab 55.8706 27.5831 -59.4718

Base Numbers

BaseRedGreenBlue
Decimal 112 123 238
Binary 1110000 1111011 11101110
Octal 160 173 356
Hex 70 7B EE

Monochromatic Colors

#8994ff
#a2adff
#bbc6ff
#d4dfff
#edf8ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#707bee Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#707BEE Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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