COLOR #C5CDE0

HEX: #C5CDE0
RGB: (197,205,224)

Renk bilgisi

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

RGB renk modeli

#C5CDE0 color RGB value is (197,205,224).

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

RGB bağlantıları ve doygunluk

R 197 of 255 = 77%
G 205 of 255 = 80%
B 224 of 255 = 88%

197
205
224

R + G + B ~ 82%. #C5CDE0 is quite light color.

Yüzdelerle RGB renk parçaları

R + G + B =
197 + 205 + 224 = 626 (100%)
R 197 of 626 ~ 31.47%
G 205 of 626 ~ 32.75%
B 224 of 626 ~ 35.78%

%31.47
%32.75
%35.78

CMYK RENK MODELİ

#C5CDE0 rengi CMYK tonu (12,8,0,12).

  • camgöbeği tonu 12.05%
  • eflatun tonu 8.48%
  • sarı tonu 0.00%
  • ana renk tonu 12.16%
CMYK:
(12,8,0,12)
C12M8Y0K12 
(12%,8%,0%,12%)
(0.12/0.08/0.00/0.12)	

CMYK yüzdeleri

%12.05
%8.48
%0
%12.16

Codes

Color #C5CDE0 in popluar color models

C5CDE0
RGB197205224
HSL222°30.34%82.55%
HSB/HSV222°12.05%87.84%
CMYK12.05%8.48%0.00%
12.16%

Color #C5CDE0 in popluar number systems.

HEXC5CDE0
Decimal197205224
Binary110001011100110111100000
Octal305315340

Shades and tints

Shades of #C5CDE0

#C5CDE0
(197,205,224)
#B4BBCC
(180,187,204)
#A3A9B8
(163,169,184)
#9297A4
(146,151,164)
#818590
(129,133,144)
#70737C
(112,115,124)
#5F6168
(95,97,104)
#4E4F54
(78,79,84)
#3D3D40
(61,61,64)
#2C2B2C
(44,43,44)
#1B1918
(27,25,24)
#000000
(0,0,0)

Tints of #C5CDE0

#C5CDE0
(197,205,224)
#CAD1E2
(202,209,226)
#CFD5E4
(207,213,228)
#D4D9E6
(212,217,230)
#D9DDE8
(217,221,232)
#DEE1EA
(222,225,234)
#E3E5EC
(227,229,236)
#E8E9EE
(232,233,238)
#EDEDF0
(237,237,240)
#F2F1F2
(242,241,242)
#F7F5F4
(247,245,244)
#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #C5CDE0; }

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

This text font color is #C5CDE0.


Background Color

.myBgColor { background-color: #C5CDE0; }

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

This div background color is #C5CDE0.


Border color

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

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

This div border color is #C5CDE0.


Opacity

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

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

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

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

This text has shadow with #C5CDE0 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #C5CDE0 on black background.


Color preview on white background

This text has color #C5CDE0 on white background.



Black color preview on #C5CDE0 background

This text has black color on #C5CDE0 background.


White color preview on #C5CDE0 background

This text has white color on #C5CDE0 background.