Color #469ADF hex code, color models, shades and preview

Renk bilgisi

#469ADF contains mainly blue color. #469ADF ‘ nin web güvenlik rengi #3399CC (ya da #39C) dir.

RGB renk modeli

#469ADF color RGB value is (70,154,223).

kırmız ton 70;
yeşil ton 154;
mavi ton 223.

RGB:
(70,154,223)
(27%,60%,87%)

RGB bağlantıları ve doygunluk

R 70 of 255 = 27%
G 154 of 255 = 60%
B 223 of 255 = 87%

154

223

R + G + B ~ 58%. #469ADF is middle color (not dark and not light).

Yüzdelerle RGB renk parçaları

R + G + B =
70 + 154 + 223 = 447 (100%)
R 70 of 447 ~ 15.66%
G 154 of 447 ~ 34.45%
B 223 of 447 ~ 49.89%

%15.66

%34.45

%49.89

CMYK RENK MODELİ

#469ADF rengi CMYK tonu (69,31,0,13).

camgöbeği tonu 68.61%
eflatun tonu 30.94%
sarı tonu 0.00%
ana renk tonu 12.55%

CMYK:
(69,31,0,13)
C69M31Y0K13 
(69%,31%,0%,13%)
(0.69/0.31/0.00/0.13)

CMYK yüzdeleri

%68.61

%30.94

%12.55

Codes

Color #469ADF in popluar color models

	46	9A	DF
RGB	70	154	223
HSL	207°	70.51%	57.45%
HSB/HSV	207°	68.61%	87.45%
CMYK	68.61%	30.94%	0.00%
CMYK	12.55%

Color #469ADF in popluar number systems.

HEX	46	9A	DF
Decimal	70	154	223
Binary	1000110	10011010	11011111
Octal	106	232	337

Shades and tints

Shades of #469ADF

#469ADF
(70,154,223)

#408CCB
(64,140,203)

#3A7EB7
(58,126,183)

#3470A3
(52,112,163)

#2E628F
(46,98,143)

#28547B
(40,84,123)

#224667
(34,70,103)

#1C3853
(28,56,83)

#162A3F
(22,42,63)

#101C2B
(16,28,43)

#0A0E17
(10,14,23)

#000000
(0,0,0)

Tints of #469ADF

#469ADF
(70,154,223)

#56A3E1
(86,163,225)

#66ACE3
(102,172,227)

#76B5E5
(118,181,229)

#86BEE7
(134,190,231)

#96C7E9
(150,199,233)

#A6D0EB
(166,208,235)

#B6D9ED
(182,217,237)

#C6E2EF
(198,226,239)

#D6EBF1
(214,235,241)

#E6F4F3
(230,244,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #469ADF color. Also use rgb(70,154,223) instead hex code.

Text Font Color

.myTextColor { color: #469ADF; }

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

This text font color is #469ADF.

Background Color

.myBgColor { background-color: #469ADF; }

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

This div background color is #469ADF.

Border color

.myBorderColor { border: 1px solid #469ADF; }

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

This div border color is #469ADF.

Opacity

.myOpacity80 { color: #469ADF; opacity: 0.8; }

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

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

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

This text has shadow with #469ADF color.

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

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

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

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

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

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

Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #469ADF;
-webkit-box-shadow: 1px 1px 3px 2px #469ADF;
box-shadow:1px 1px 3px 2px #469ADF;">
Div content here</div>

This div box has shadow with color #469ADF.

Preview

Color preview on black background

This text has color #469ADF on black background.

Color preview on white background

This text has color #469ADF on white background.

Black color preview on #469ADF background

This text has black color on #469ADF background.

White color preview on #469ADF background

This text has white color on #469ADF background.

COLOR #469ADF