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

HEX #9AAB5E
NOMBRE -
TONO amarillo-verde grisáceo claro
RGB 154 171 94
HSV 73° 45% 67%
CMYK 9% 0% 45% 32%
Proporcione información de color y esquema de color para #9AAB5E. #9AAB5E es amarillo-verde grisáceo claro. El componente de #9AAB5E es RGB (154 171 94). El color complementario de #9AAB5E es #6F5EAB. 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 #9AAB5E

Esquema de color modesto y maduro   

base
#D0D9AE principal
#9AAB5E acentuar
#697C25

Esquema de color suave y blando   

base
#D4D2A4 principal
#9AAB5E acentuar
#568129

Esquema de color potente y llamativo   

base
#DBE2C0 principal
#9AAB5E acentuar
#6F5EAB

Esquema de color colorido y armonioso   

base
#E7ECD4 principal
#9AAB5E acentuar
#5E7BAB acentuar
#9D5EAB

Ejemplo de esquemas de color

Ajuste fino de #9AAB5E

Tinte(añadir blanco) 

#9AAB5E #A8B775 #B6C38C #C5CFA3 #D3DBBA #E2E7D1 #F0F3E7

Sombra(añadir negro) 

#9AAB5E #849250 #6E7A43 #586135 #424928 #2C301A #15180D

Matiz 

#7EAB5E #87AB5E #90AB5E #9AAB5E #A3AB5E #ABA95E #ABA05E

Saturación 

#A3AB87 #A0AB79 #9DAB6B #9AAB5E #96AB50 #93AB42 #90AB34

Valor(Luminosidad) 

#626D3C #758247 #879652 #9AAB5E #ACBF69 #BED374 #D1E87F

Color de HTML relacionado 

DarkKhaki
#BDB76B DarkSeaGreen
#8FBC8B YellowGreen
#9ACD32 Gray
#808080 RosyBrown
#BC8F8F

Complementario

#6F5EAB

Tríada

#AB5E99 #9AAB5E #5E9AAB

Pantone relacionado 

PANTONE 2303 C
#9FB156 PANTONE 5777 C
#A2A467
PANTONE 2304 U
#9DA763 PANTONE 7746 U
#9B9E5F

Códigos CSS

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

Gradiente basado en #9AAB5E

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

#9AAB5E - #E2E7D1
#9AAB5E - #2C301A

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

#9AAB5E - #FEE083
#9AAB5E - #5A761A

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 #9AAB5E (2.51 : 1)

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

Negro y #9AAB5E (8.36 : 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