COLORE #6CCAFF

HEX: #6CCAFF RGB: (108,202,255)

Informazioni

Il colore #6CCAFF contiene principalmente il verde e il blu. Per il #6CCAFF il colore web safe è #66CCFF (#6CF).

Modello di colore RGB

Il colore 6CCAFF in RGB è definito come 108,202,255

RGB: (108,202,255) (42%, 79%, 100%)

Rapporto dei colori in RGB

R 108 da 255 = 42%
G 202 da 255 = 79%
B 255 da 255 = 100%

108
202
255

R + G + B ~ 74%. #6CCAFF colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B = 108 + 202 + 255 = 565 (100%)
R 108 da 565 ~ 19.12%
G 202 da 565 ~ 35.75%
B 255 da 565 ~ 45.13'%

%19.12
%35.75
%45.13

Modello di colore CMYK

Il colore #6CCAFF in CMYK è definito come 58,21,0,0.

  • Il color verde blu è 57.65%
  • Il color magenta è 20.78%
  • Il giallo è 0.00%
  • Il colore chiave è 0.00%

CMYK: (58,21,0,0)
C58M21Y0K0 (58%, 21%, 0%, 0%)
(0.58 / 0.21 / 0.00 / 0.00)

Canali CMYK in percentuale

%57.65
%20.78
%0
%0

Codici del colore

Il #6CCAFF nei modelli di colore popolari.

6C CA FF
RGB 108 202 255
HSL 202° 100.00% 71.18%
HSB/HSV 202° 57.65% 100.00%
CMYK 57.65% 20.78% 0.00%
0.00%

Il #6CCAFF nei modelli numerici popolari.

Esadicemale 6C CA FF
Decimale 108 202 255
Binario 1101100 11001010 11111111
Ottale 154 312 377

Tonalita del colore

Tonalità scure del colore #6CCAFF

#6CCAFF
(108,202,255)
#63B8E8
(99,184,232)
#5AA6D1
(90,166,209)
#5194BA
(81,148,186)
#4882A3
(72,130,163)
#3F708C
(63,112,140)
#365E75
(54,94,117)
#2D4C5E
(45,76,94)
#243A47
(36,58,71)
#1B2830
(27,40,48)
#121619
(18,22,25)
#000000
(0,0,0)

Tonalità chiare del colore #6CCAFF

#6CCAFF
(108,202,255)
#79CEFF
(121,206,255)
#86D2FF
(134,210,255)
#93D6FF
(147,214,255)
#A0DAFF
(160,218,255)
#ADDEFF
(173,222,255)
#BAE2FF
(186,226,255)
#C7E6FF
(199,230,255)
#D4EAFF
(212,234,255)
#E1EEFF
(225,238,255)
#EEF2FF
(238,242,255)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #6CCAFF. Utilizzate rgb(108,202,255) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #6CCAFF; }

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

Il colore di questo testo è #6CCAFF.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #6CCAFF.

Colore del bordo

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

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

Questo div ha i bordi di colore 6CCAFF.

Trasparenza

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

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

Il testo di color #6CCAFF e trasparenza 100% | 80% | 50% | 30%.

Sfondo con il livello di trasparenza 100%.
Sfondo con il livello di trasparenza 80%.
Sfondo con il livello di trasparenza 50%.
Sfondo con il livello di trasparenza 30%.

Colore dell'ombra del testo

.textShadow {text-shadow: 3px 3px 1px #6CCAFF;}

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

Questo testo ha l'ombra di colore #6CCAFF.


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

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

Questo testo ha l'ombra del colore principale #6CCAFF e del colore secondario rosso.


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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #6CCAFF.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #6CCAFF sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #6CCAFF sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #6CCAFF

Questo è un testo nero sullo sfondo del colore #6CCAFF.


Esempio del testo bianco sullo sfondo del colore #6CCAFF

Questo è un testo bianco sullo sfondo del colore #6CCAFF.


Colori simili

Colore complimentare

Il colore complimentare del #hex è #933500..


I love getcolorcode.com

Triade di colore

1 #FF6CCA and #CAFF6C with #6CCAFF are triadic colors.

2 #FFCA6C and #CA6CFF with #6CCAFF are triadic colors.