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

HEX #9C9F9E
NOMBRE -
TONO gris
RGB 156 159 158
HSV 160° 1% 62%
CMYK 1% 0% 0% 37%
Proporcione información de color y esquema de color para #9C9F9E. #9C9F9E es gris . El componente de #9C9F9E es RGB (156 159 158). El color complementario de #9C9F9E es #9F9C9D. El gris es el color que recuerda a la discreción y a la poca claridad. Es adecuado para diseños neutros y no asertivos. Al combinar el gris con otros colores, tiene el efecto de complementarlos.

Esquemas de color con #9C9F9E

Esquema de color modesto y maduro   

base
#DDDEDE principal
#9C9F9E acentuar
#5C5F5E

Esquema de color suave y blando   

base
#D6D8D7 principal
#9C9F9E acentuar
#626565

Esquema de color potente y llamativo   

base
#EAEBEB principal
#9C9F9E acentuar
#9F9C9D

Esquema de color colorido y armonioso   

base
#F7F8F8 principal
#9C9F9E acentuar
#9F9C9E acentuar
#9F9C9C

Ejemplo de esquemas de color

Ajuste fino de #9C9F9E

Tinte(añadir blanco) 

#9C9F9E #AAACAB #B8BAB9 #C6C8C7 #D4D5D5 #E2E3E3 #F0F1F1

Sombra(añadir negro) 

#9C9F9E #858887 #6F7170 #595A5A #424443 #2C2D2D #161616

Matiz 

#9C9E9F #9C9F9E #9C9F9E #9C9F9E #9C9F9D #9C9F9D #9C9F9C

Saturación 

#9F9F9F #9C9F9E #8F9F99 #829F95 #759F91 #699F8D #5C9F88

Valor(Luminosidad) 

#5F6161 #737675 #878A89 #9C9F9E #B0B3B2 #C4C7C6 #D8DCDA

Color de HTML relacionado 

DarkGray
#A9A9A9 DarkSeaGreen
#8FBC8B RosyBrown
#BC8F8F LightSlateGray
#778899 Gray
#808080

Complementario

#9F9C9D

Tríada

#9F9E9C #9C9F9E #9D9C9F

Pantone relacionado 

PANTONE 422 C
#9FA1A1 PANTONE Cool Gray 7 C
#999899
PANTONE 7539 U
#9B9D9F PANTONE Cool Gray 7 U
#9B9D9F

Códigos CSS

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

Gradiente basado en #9C9F9E

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

#9C9F9E - #E2E3E3
#9C9F9E - #2C2D2D

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

#9C9F9E - #C3D0A5
#9C9F9E - #3C6162

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 #9C9F9E (2.67 : 1)

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

Negro y #9C9F9E (7.87 : 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