COLOR #C687DA

HEX: #C687DA
RGB: (198,135,218)

Renk bilgisi

#C687DA contains mainly red and blue colors. #C687DA ‘ nin web güvenlik rengi #CC99CC (ya da #C9C) dir.

RGB renk modeli

#C687DA color RGB value is (198,135,218).

  • kırmız ton 198;
  • yeşil ton 135;
  • mavi ton 218.
RGB:
(198,135,218)
(78%,53%,85%)

RGB bağlantıları ve doygunluk

R 198 of 255 = 78%
G 135 of 255 = 53%
B 218 of 255 = 85%

198
135
218

R + G + B ~ 72%. #C687DA is quite light color.

Yüzdelerle RGB renk parçaları

R + G + B =
198 + 135 + 218 = 551 (100%)
R 198 of 551 ~ 35.93%
G 135 of 551 ~ 24.5%
B 218 of 551 ~ 39.56%

%35.93
%24.5
%39.56

CMYK RENK MODELİ

#C687DA rengi CMYK tonu (9,38,0,15).

  • camgöbeği tonu 9.17%
  • eflatun tonu 38.07%
  • sarı tonu 0.00%
  • ana renk tonu 14.51%
CMYK:
(9,38,0,15)
C9M38Y0K15 
(9%,38%,0%,15%)
(0.09/0.38/0.00/0.15)	

CMYK yüzdeleri

%9.17
%38.07
%0
%14.51

Codes

Color #C687DA in popluar color models

C687DA
RGB198135218
HSL286°52.87%69.22%
HSB/HSV286°38.07%85.49%
CMYK9.17%38.07%0.00%
14.51%

Color #C687DA in popluar number systems.

HEXC687DA
Decimal198135218
Binary110001101000011111011010
Octal306207332

Shades and tints

Shades of #C687DA

#C687DA
(198,135,218)
#B47BC7
(180,123,199)
#A26FB4
(162,111,180)
#9063A1
(144,99,161)
#7E578E
(126,87,142)
#6C4B7B
(108,75,123)
#5A3F68
(90,63,104)
#483355
(72,51,85)
#362742
(54,39,66)
#241B2F
(36,27,47)
#120F1C
(18,15,28)
#000000
(0,0,0)

Tints of #C687DA

#C687DA
(198,135,218)
#CB91DD
(203,145,221)
#D09BE0
(208,155,224)
#D5A5E3
(213,165,227)
#DAAFE6
(218,175,230)
#DFB9E9
(223,185,233)
#E4C3EC
(228,195,236)
#E9CDEF
(233,205,239)
#EED7F2
(238,215,242)
#F3E1F5
(243,225,245)
#F8EBF8
(248,235,248)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C687DA color. Also use rgb(198,135,218) instead hex code.

Text Font Color

.myTextColor { color: #C687DA; }

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

This text font color is #C687DA.


Background Color

.myBgColor { background-color: #C687DA; }

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

This div background color is #C687DA.


Border color

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

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

This div border color is #C687DA.


Opacity

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

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

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

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

This text has shadow with #C687DA color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #C687DA on black background.


Color preview on white background

This text has color #C687DA on white background.



Black color preview on #C687DA background

This text has black color on #C687DA background.


White color preview on #C687DA background

This text has white color on #C687DA background.