#ECF0E2 | colorate

   
colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color.  Haz que este sitio sea mejor

Acerca de #ECF0E2

HEX #ECF0E2
NOMBRE -
TONO amarillo-verde grisáceo claro
RGB 236 240 226
HSV 77° 5% 94%
CMYK 1% 0% 5% 5%
Proporcione información de color y esquema de color para #ECF0E2. #ECF0E2 es amarillo-verde grisáceo claro. El componente de #ECF0E2 es RGB (236 240 226). El color complementario de #ECF0E2 es #E6E2F0. El amarillo-verde es el color que simboliza el futuro y la armonía. Es un color que combina amarillo de curiosidad y verde de crecimiento. El amarillo verdoso es también el color que representa la inmadurez y la incomodidad.

Esquemas de color con #ECF0E2

Esquema de color modesto y maduro   

base
#A0B07A principal
#ECF0E2 acentuar
#5E7032

Esquema de color suave y blando   

base
#9AB683 principal
#ECF0E2 acentuar
#497D3E

Esquema de color potente y llamativo   

base
#92A369 principal
#ECF0E2 acentuar
#7969A3

Esquema de color colorido y armonioso   

base
#859659 principal
#ECF0E2 acentuar
#596C96 acentuar
#8F5996

Ejemplo de esquemas de color

Ajuste fino de #ECF0E2

Tinte(añadir blanco) 

#ECF0E2 #EEF2E6 #F1F4EA #F4F6EE #F6F8F2 #F9FAF6 #FCFCFA

Sombra(añadir negro) 

#ECF0E2 #CACDC1 #A8ABA1 #868981 #656660 #434440 #212220

Matiz 

#E6F0E2 #E8F0E2 #EAF0E2 #ECF0E2 #EDF0E2 #EFF0E2 #F0EEE2

Saturación 

#F0F0F0 #ECF0E2 #E6F0CE #E1F0BB #DBF0A8 #D6F095 #D0F082

Valor(Luminosidad) 

#878A81 #9B9E95 #AFB2A8 #C3C7BB #D7DBCE #ECF0E2 #FAFFF0

Color de HTML relacionado 

Beige
#F5F5DC Linen
#FAF0E6 OldLace
#FDF5E6 AntiqueWhite
#FAEBD7 Honeydew
#F0FFF0

Complementario

#E6E2F0

Tríada

#F0E2EB #ECF0E2 #E2ECF0

Pantone relacionado 

PANTONE 663 C
#E6E1E5 PANTONE 656 C
#DEE3EB
PANTONE 649 U
#DEE6ED PANTONE 656 U
#E1E9F2

Códigos CSS

<style type="text/css">
div {
    color : #ECF0E2;
    background-color : #ECF0E2;
}
</style>

Gradiente basado en #ECF0E2

Mediante el uso de degradado, puede crear una profundidad espacial incluso en un diseño plano. El brillo y el sombreado son efectos de la luz. Para crear un hermoso gradiente, observe la naturaleza de cerca.

Gradiente de brillo y sombra

#ECF0E2 - #F9FAF6
#ECF0E2 - #434440

Expresión más natural (cielo y bebidas)

#ECF0E2 - #E9FAF3
#ECF0E2 - #AFCA95

Relación de contraste

Verifique la relación de contraste cuando utilice blanco o negro para texto y fondo. Criterios de evaluación por WCAG 2.0 (A=falla, AA=la más pequeña aceptable, AAA=la más alta conformidad)

Blanco y #ECF0E2 (1.16 : 1)

14pt
A 18pt
A 14pt
A 18pt
A

Negro y #ECF0E2 (18.13 : 1)

14pt
AAA 18pt
AAA 14pt
AAA 18pt
AAA

Utilities

Barcode

Barcode

You can create barcodes online. The created barcode can be downloaded as PNG or EPS.

 Make barcode

colorate

colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work.

 Make color scheme

textate

textate

Make text to image. It is useful when you want to send text on SNS.

 Make text to image