COLOR #C5CCCC

HEX: #C5CCCC
RGB: (197,204,204)

Renk bilgisi

#C5CCCC contains red, green and blue colors in about the same proportion. #C5CCCC ‘ nin web güvenlik rengi #CCCCCC (ya da #CCC) dir.

RGB renk modeli

#C5CCCC color RGB value is (197,204,204).

  • kırmız ton 197;
  • yeşil ton 204;
  • mavi ton 204.
RGB: (197,204,204) (77%,80%,80%)

RGB bağlantıları ve doygunluk

R 197 of 255 = 77%
G 204 of 255 = 80%
B 204 of 255 = 80%

197
204
204

R + G + B ~ 79%. #C5CCCC is quite light color.

Yüzdelerle RGB renk parçaları

R + G + B =
197 + 204 + 204 = 605 (100%)
R 197 of 605 ~ 32.56%
G 204 of 605 ~ 33.72%
B 204 of 605 ~ 33.72%

%32.56
%33.72
%33.72

CMYK RENK MODELİ

#C5CCCC rengi CMYK tonu (3,0,0,20).

  • camgöbeği tonu 3.43%
  • eflatun tonu 0.00%
  • sarı tonu 0.00%
  • ana renk tonu 20.00%
CMYK: (3,0,0,20) C3M0Y0K20 (3%,0%,0%,20%) (0.03/0.00/0.00/0.20)

CMYK yüzdeleri

%3.43
%0
%0
%20

Codes

Color #C5CCCC in popluar color models

C5CCCC
RGB197204204
HSL180°6.42%78.63%
HSB/HSV180°3.43%80.00%
CMYK3.43%0.00%0.00%
20.00%

Color #C5CCCC in popluar number systems.

HEXC5CCCC
Decimal197204204
Binary110001011100110011001100
Octal305314314

Shades and tints

Shades of #C5CCCC

#C5CCCC
(197,204,204)
#B4BABA
(180,186,186)
#A3A8A8
(163,168,168)
#929696
(146,150,150)
#818484
(129,132,132)
#707272
(112,114,114)
#5F6060
(95,96,96)
#4E4E4E
(78,78,78)
#3D3C3C
(61,60,60)
#2C2A2A
(44,42,42)
#1B1818
(27,24,24)
#000000
(0,0,0)

Tints of #C5CCCC

#C5CCCC
(197,204,204)
#CAD0D0
(202,208,208)
#CFD4D4
(207,212,212)
#D4D8D8
(212,216,216)
#D9DCDC
(217,220,220)
#DEE0E0
(222,224,224)
#E3E4E4
(227,228,228)
#E8E8E8
(232,232,232)
#EDECEC
(237,236,236)
#F2F0F0
(242,240,240)
#F7F4F4
(247,244,244)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C5CCCC color. Also use rgb(197,204,204) instead hex code.

Text Font Color

.myTextColor { color: #C5CCCC; }

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

This text font color is #C5CCCC.


Background Color

.myBgColor { background-color: #C5CCCC; }

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

This div background color is #C5CCCC.


Border color

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

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

This div border color is #C5CCCC.


Opacity

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

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

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

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

This text has shadow with #C5CCCC color.

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

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

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


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

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

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


Div box shadow color

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

Preview

Color preview on black background

This text has color #C5CCCC on black background.


Color preview on white background

This text has color #C5CCCC on white background.


Black color preview on #C5CCCC background

This text has black color on #C5CCCC background.


White color preview on #C5CCCC background

This text has white color on #C5CCCC background.



↑