#9EA5A6 | 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 #9EA5A6

HEX #9EA5A6
NOMBRE -
TONO cian grisáceo claro
RGB 158 165 166
HSV 187° 4% 65%
CMYK 4% 0% 0% 34%
Proporcione información de color y esquema de color para #9EA5A6. #9EA5A6 es cian grisáceo claro. El componente de #9EA5A6 es RGB (158 165 166). El color complementario de #9EA5A6 es #A69F9E. El cian es el color asociado a la libertad y a la soledad. Recuerda al agua e impulsa la transparencia y la frescura. En diseño, tiene mayor compatibilidad con el azul, el verde y el gris.

Esquemas de color con #9EA5A6

Esquema de color modesto y maduro   

base
#E2E5E5 principal
#9EA5A6 acentuar
#5D6566

Esquema de color suave y blando   

base
#DBDFDE principal
#9EA5A6 acentuar
#64696C

Esquema de color potente y llamativo   

base
#F0F2F2 principal
#9EA5A6 acentuar
#A69F9E

Esquema de color colorido y armonioso   

base
#454B4C principal
#9EA5A6 acentuar
#4C4548 acentuar
#4C4A45

Ejemplo de esquemas de color

Ajuste fino de #9EA5A6

Tinte(añadir blanco) 

#9EA5A6 #ABB1B2 #B9BEBF #C7CBCC #D5D8D8 #E3E5E5 #F1F2F2

Sombra(añadir negro) 

#9EA5A6 #878D8E #707576 #5A5E5E #434647 #2D2F2F #161717

Matiz 

#9EA2A6 #9EA3A6 #9EA4A6 #9EA5A6 #9EA5A6 #9EA6A5 #9EA6A4

Saturación 

#A6A6A6 #9EA5A6 #90A3A6 #83A1A6 #76A0A6 #689EA6 #5B9CA6

Valor(Luminosidad) 

#636868 #777C7D #8A9091 #9EA5A6 #B1B9BA #C4CDCE #D8E1E3

Color de HTML relacionado 

DarkGray
#A9A9A9 DarkSeaGreen
#8FBC8B RosyBrown
#BC8F8F LightSlateGray
#778899 Silver
#C0C0C0

Complementario

#A69F9E

Tríada

#A4A69E #9EA5A6 #A69EA5

Pantone relacionado 

PANTONE 422 C
#9FA1A1 PANTONE 442 C
#A0ACAA
PANTONE Cool Gray 6 U
#A2A4A6 PANTONE 422 U
#9EA0A2

Códigos CSS

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

Gradiente basado en #9EA5A6

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

#9EA5A6 - #E3E5E5
#9EA5A6 - #2D2F2F

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

#9EA5A6 - #E7D5BD
#9EA5A6 - #54515F

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 #9EA5A6 (2.50 : 1)

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

Negro y #9EA5A6 (8.39 : 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