COLOR #6EAADB

HEX: #6EAADB
RGB: (110,170,219)

Renk bilgisi

#6EAADB contains mainly green and blue colors. #6EAADB ‘ nin web güvenlik rengi #6699CC (ya da #69C) dir.

RGB renk modeli

#6EAADB color RGB value is (110,170,219).

  • kırmız ton 110;
  • yeşil ton 170;
  • mavi ton 219.
RGB:
(110,170,219)
(43%,67%,86%)

RGB bağlantıları ve doygunluk

R 110 of 255 = 43%
G 170 of 255 = 67%
B 219 of 255 = 86%

110
170
219

R + G + B ~ 65%. #6EAADB is quite light color.

Yüzdelerle RGB renk parçaları

R + G + B =
110 + 170 + 219 = 499 (100%)
R 110 of 499 ~ 22.04%
G 170 of 499 ~ 34.07%
B 219 of 499 ~ 43.89%

%22.04
%34.07
%43.89

CMYK RENK MODELİ

#6EAADB rengi CMYK tonu (50,22,0,14).

  • camgöbeği tonu 49.77%
  • eflatun tonu 22.37%
  • sarı tonu 0.00%
  • ana renk tonu 14.12%
CMYK:
(50,22,0,14)
C50M22Y0K14 
(50%,22%,0%,14%)
(0.50/0.22/0.00/0.14)	

CMYK yüzdeleri

%49.77
%22.37
%0
%14.12

Codes

Color #6EAADB in popluar color models

6EAADB
RGB110170219
HSL207°60.22%64.51%
HSB/HSV207°49.77%85.88%
CMYK49.77%22.37%0.00%
14.12%

Color #6EAADB in popluar number systems.

HEX6EAADB
Decimal110170219
Binary11011101010101011011011
Octal156252333

Shades and tints

Shades of #6EAADB

#6EAADB
(110,170,219)
#649BC8
(100,155,200)
#5A8CB5
(90,140,181)
#507DA2
(80,125,162)
#466E8F
(70,110,143)
#3C5F7C
(60,95,124)
#325069
(50,80,105)
#284156
(40,65,86)
#1E3243
(30,50,67)
#142330
(20,35,48)
#0A141D
(10,20,29)
#000000
(0,0,0)

Tints of #6EAADB

#6EAADB
(110,170,219)
#7BB1DE
(123,177,222)
#88B8E1
(136,184,225)
#95BFE4
(149,191,228)
#A2C6E7
(162,198,231)
#AFCDEA
(175,205,234)
#BCD4ED
(188,212,237)
#C9DBF0
(201,219,240)
#D6E2F3
(214,226,243)
#E3E9F6
(227,233,246)
#F0F0F9
(240,240,249)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6EAADB color. Also use rgb(110,170,219) instead hex code.

Text Font Color

.myTextColor { color: #6EAADB; }

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

This text font color is #6EAADB.


Background Color

.myBgColor { background-color: #6EAADB; }

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

This div background color is #6EAADB.


Border color

.myBorderColor { border: 1px solid #6EAADB; }

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

This div border color is #6EAADB.


Opacity

.myOpacity80 { color: #6EAADB; opacity: 0.8; }

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

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

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

This text has shadow with #6EAADB color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #6EAADB on black background.


Color preview on white background

This text has color #6EAADB on white background.



Black color preview on #6EAADB background

This text has black color on #6EAADB background.


White color preview on #6EAADB background

This text has white color on #6EAADB background.