#D7697B Information

#D7697B color RGB value is (215 , 105 , 123) , HEX triplet: d7, 69 and 7b. RGB value is (215 , 105 , 123). Sum of RGB (Red+Green+Blue) = 215+105+123=443 (Red value is 215 (84.31% from 255 or 100% from 215); Green value is 105 (41.18% from 255 or 48.84% from 215); Blue value is 123 (48.24% from 255 or 57.21% from 215); Max value from RGB is 215 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #D7697B hue: 0.97 , saturation: 0.58 and the lightness value of d7697b is 0.63.

#d7697b
(215 , 105 , 123)
  • R (215)
  • G (105)
  • B (123)
  • C (0)
  • M (43.14)
  • Y (36.08)
  • K (15.69)

Applying the #d7697b

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

#d26476
#cd5f71
#c85a6c
#c35567
#be5062
#b94b5d
#b44658
#af4153
#aa3c4e
#a53749
#a03244
#9b2d3f
#e37587
#ef8193
#fb8d9f
#ff99ab
#ffa5b7
#ffb1c3
#ffbdcf
#ffc9db
#ffd5e7
#ffe1f3
#ffedff
#fff9ff

Color spaces of #d7697b

Type Values
RGB 215 105 123
HSL 0.97 0.58 0.63
HSV 350 51 84
CMYK 0 43.14 36.08 15.69
XYZ 36.6511 25.9803 21.8219
Hunter Lab 50.9709 39.1532 10.3046
CIE-Lab 58.0183 44.8867 10.5761

Base Numbers

BaseRedGreenBlue
Decimal 215 105 123
Binary 11010111 1101001 1111011
Octal 327 151 173
Hex D7 69 7B

Monochromatic Colors

#f08294
#ff9bad
#ffb4c6
#ffcddf
#ffe6f8
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#d7697b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#D7697B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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