COLOR #D66197

HEX: #D66197
RGB: (214,97,151)

Color info

#D66197 contains mainly red color. Web safe color of #D66197 is #CC6699 (or #C69).

RGB color model

#D66197 color RGB value is (214,97,151).

  • red value is 214;
  • green value is 97;
  • blue value is 151.
RGB:
(214,97,151)
(84%,38%,59%)

RGB channels and saturation

R 214 of 255 = 84%
G 97 of 255 = 38%
B 151 of 255 = 59%

214
97
151

R + G + B ~ 60%. #D66197 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
214 + 97 + 151 = 462 (100%)
R 214 of 462 ~ 46.32%
G 97 of 462 ~ 21%
B 151 of 462 ~ 32.68%

%46.32
%21
%32.68

CMYK color model

#D66197 color CMYK value is (0,55,29,16).

  • cyan value is 0.00%
  • magenta value is 54.67%
  • yellow value is 29.44%
  • key color value is 16.08%
CMYK:
(0,55,29,16)
C0M55Y29K16 
(0%,55%,29%,16%)
(0.00/0.55/0.29/0.16)	

CMYK percentages

%0
%54.67
%29.44
%16.08

Codes

Color #D66197 in popluar color models

D66197
RGB21497151
HSL332°58.79%60.98%
HSB/HSV332°54.67%83.92%
CMYK0.00%54.67%29.44%
16.08%

Color #D66197 in popluar number systems.

HEXD66197
Decimal21497151
Binary11010110110000110010111
Octal326141227

Shades and tints

Shades of #D66197

#D66197
(214,97,151)
#C3598A
(195,89,138)
#B0517D
(176,81,125)
#9D4970
(157,73,112)
#8A4163
(138,65,99)
#773956
(119,57,86)
#643149
(100,49,73)
#51293C
(81,41,60)
#3E212F
(62,33,47)
#2B1922
(43,25,34)
#181115
(24,17,21)
#000000
(0,0,0)

Tints of #D66197

#D66197
(214,97,151)
#D96FA0
(217,111,160)
#DC7DA9
(220,125,169)
#DF8BB2
(223,139,178)
#E299BB
(226,153,187)
#E5A7C4
(229,167,196)
#E8B5CD
(232,181,205)
#EBC3D6
(235,195,214)
#EED1DF
(238,209,223)
#F1DFE8
(241,223,232)
#F4EDF1
(244,237,241)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #D66197 color. Also use rgb(214,97,151) instead hex code.

Text Font Color

.myTextColor { color: #D66197; }

<p style="color:#D66197">This sample text font color is #D66197.</p>

This text font color is #D66197.


Background Color

.myBgColor { background-color: #D66197; }

<div style="background-color:#D66197">Inner text</div>

This div background color is #D66197.


Border color

.myBorderColor { border: 1px solid #D66197; }

<div style="border:3px solid #D66197">Div</div>

This div border color is #D66197.


Opacity

.myOpacity80 { color: #D66197; opacity: 0.8; }

<p style="color:#D66197;opacity:0.8;">80%</p>

Text with #D66197 color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #D66197;}

<p style="text-shadow: 3px 3px 1px #D66197">Text here.</p>

This text has shadow with #D66197 color.

.textShadow {text-shadow: 3px 3px 1px #D66197, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #D66197, 5px 5px 20px red">Text here.</p>

This text has shadow with #D66197 primary color and red secondary color.


Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#D66197, Direction=45, Strength=4)}

<p style="filter: Shadow(Color=#D66197, Direction=45, Strength=4)">Text</p>

This text has shadow with #D66197 and red colors in old Internet Explorer.


Div box shadow color

/* css code */
.divShadow
{
  -moz-box-shadow:	1px 1px 3px 2px #D66197;
  -webkit-box-shadow:	1px 1px 3px 2px #D66197;
  box-shadow:		1px 1px 3px 2px #D66197;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #D66197;
-webkit-box-shadow: 1px 1px 3px 2px #D66197;
box-shadow:1px 1px 3px 2px #D66197;">
Div content here</div>
This div box has shadow with color #D66197.

Preview

Color preview on black background

This text has color #D66197 on black background.


Color preview on white background

This text has color #D66197 on white background.



Black color preview on #D66197 background

This text has black color on #D66197 background.


White color preview on #D66197 background

This text has white color on #D66197 background.