COLOR #CF61AD

HEX: #CF61AD
RGB: (207,97,173)

Color info

#CF61AD contains mainly red and blue colors. Web safe color of #CF61AD is #CC6699 (or #C69).

RGB color model

#CF61AD color RGB value is (207,97,173).

  • red value is 207;
  • green value is 97;
  • blue value is 173.
RGB:
(207,97,173)
(81%,38%,68%)

RGB channels and saturation

R 207 of 255 = 81%
G 97 of 255 = 38%
B 173 of 255 = 68%

207
97
173

R + G + B ~ 62%. #CF61AD is quite light color.

Portions of RGB colors in percentages

R + G + B =
207 + 97 + 173 = 477 (100%)
R 207 of 477 ~ 43.4%
G 97 of 477 ~ 20.34%
B 173 of 477 ~ 36.27%

%43.4
%20.34
%36.27

CMYK color model

#CF61AD color CMYK value is (0,53,16,19).

  • cyan value is 0.00%
  • magenta value is 53.14%
  • yellow value is 16.43%
  • key color value is 18.82%
CMYK:
(0,53,16,19)
C0M53Y16K19 
(0%,53%,16%,19%)
(0.00/0.53/0.16/0.19)	

CMYK percentages

%0
%53.14
%16.43
%18.82

Codes

Color #CF61AD in popluar color models

CF61AD
RGB20797173
HSL319°53.40%59.61%
HSB/HSV319°53.14%81.18%
CMYK0.00%53.14%16.43%
18.82%

Color #CF61AD in popluar number systems.

HEXCF61AD
Decimal20797173
Binary11001111110000110101101
Octal317141255

Shades and tints

Shades of #CF61AD

#CF61AD
(207,97,173)
#BD599E
(189,89,158)
#AB518F
(171,81,143)
#994980
(153,73,128)
#874171
(135,65,113)
#753962
(117,57,98)
#633153
(99,49,83)
#512944
(81,41,68)
#3F2135
(63,33,53)
#2D1926
(45,25,38)
#1B1117
(27,17,23)
#000000
(0,0,0)

Tints of #CF61AD

#CF61AD
(207,97,173)
#D36FB4
(211,111,180)
#D77DBB
(215,125,187)
#DB8BC2
(219,139,194)
#DF99C9
(223,153,201)
#E3A7D0
(227,167,208)
#E7B5D7
(231,181,215)
#EBC3DE
(235,195,222)
#EFD1E5
(239,209,229)
#F3DFEC
(243,223,236)
#F7EDF3
(247,237,243)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #CF61AD color. Also use rgb(207,97,173) instead hex code.

Text Font Color

.myTextColor { color: #CF61AD; }

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

This text font color is #CF61AD.


Background Color

.myBgColor { background-color: #CF61AD; }

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

This div background color is #CF61AD.


Border color

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

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

This div border color is #CF61AD.


Opacity

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

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

Text with #CF61AD 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 #CF61AD;}

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

This text has shadow with #CF61AD color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #CF61AD on black background.


Color preview on white background

This text has color #CF61AD on white background.



Black color preview on #CF61AD background

This text has black color on #CF61AD background.


White color preview on #CF61AD background

This text has white color on #CF61AD background.