#7B6F90 Information

#7B6F90 color RGB value is (123 , 111 , 144) , HEX triplet: 7b, 6f and 90. RGB value is (123 , 111 , 144). Sum of RGB (Red+Green+Blue) = 123+111+144=378 (Red value is 123 (48.24% from 255 or 57.21% from 215); Green value is 111 (43.53% from 255 or 51.63% from 215); Blue value is 144 (56.47% from 255 or 66.98% from 215); Max value from RGB is 144 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #7B6F90 hue: 0.73 , saturation: 0.13 and the lightness value of 7b6f90 is 0.5.

#7b6f90
(123 , 111 , 144)
  • R (123)
  • G (111)
  • B (144)
  • C (8.24)
  • M (12.94)
  • Y (0)
  • K (43.53)

Applying the #7b6f90

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

#766a8b
#716586
#6c6081
#675b7c
#625677
#5d5172
#584c6d
#534768
#4e4263
#493d5e
#443859
#3f3354
#877b9c
#9387a8
#9f93b4
#ab9fc0
#b7abcc
#c3b7d8
#cfc3e4
#dbcff0
#e7dbfc
#f3e7ff
#fff3ff
#ffffff

Color spaces of #7b6f90

Type Values
RGB 123 111 144
HSL 0.73 0.13 0.5
HSV 262 23 56
CMYK 8.24 12.94 0 43.53
XYZ 18.8869 17.5934 28.786
Hunter Lab 41.9445 6.9725 -11.3144
CIE-Lab 48.9992 11.603 -16.2945

Base Numbers

BaseRedGreenBlue
Decimal 123 111 144
Binary 1111011 1101111 10010000
Octal 173 157 220
Hex 7B 6F 90

Monochromatic Colors

#9488a9
#ada1c2
#c6badb
#dfd3f4
#f8ecff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7b6f90 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7B6F90 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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