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

HEX #9D9F9A
NOMBRE -
TONO amarillo-verde grisáceo
RGB 157 159 154
HSV 84° 3% 62%
CMYK 1% 0% 3% 37%
Proporcione información de color y esquema de color para #9D9F9A. #9D9F9A es amarillo-verde grisáceo. El componente de #9D9F9A es RGB (157 159 154). El color complementario de #9D9F9A es #9C9A9F. 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 #9D9F9A

Esquema de color modesto y maduro   

base
#DDDEDC principal
#9D9F9A acentuar
#5D5F5A

Esquema de color suave y blando   

base
#D8D8D5 principal
#9D9F9A acentuar
#626560

Esquema de color potente y llamativo   

base
#EAEBE9 principal
#9D9F9A acentuar
#9C9A9F

Esquema de color colorido y armonioso   

base
#F8F8F7 principal
#9D9F9A acentuar
#9A9B9F acentuar
#9F9A9F

Ejemplo de esquemas de color

Ajuste fino de #9D9F9A

Tinte(añadir blanco) 

#9D9F9A #ABACA8 #B9BAB6 #C7C8C5 #D5D5D3 #E3E3E2 #F1F1F0

Sombra(añadir negro) 

#9D9F9A #868884 #70716E #595A58 #434442 #2C2D2C #161615

Matiz 

#9B9F9A #9B9F9A #9C9F9A #9D9F9A #9D9F9A #9E9F9A #9E9F9A

Saturación 

#9F9F9F #9D9F9A #979F8D #929F80 #8D9F73 #889F67 #839F5A

Valor(Luminosidad) 

#60615E #747672 #888A86 #9D9F9A #B1B3AD #C5C7C1 #D9DCD5

Color de HTML relacionado 

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

Complementario

#9C9A9F

Tríada

#9F9A9C #9D9F9A #9A9D9F

Pantone relacionado 

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

Códigos CSS

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

Gradiente basado en #9D9F9A

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

#9D9F9A - #E3E3E2
#9D9F9A - #2C2D2C

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

#9D9F9A - #E4DAB1
#9D9F9A - #586A42

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

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

Negro y #9D9F9A (7.86 : 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