#676A55 | 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 #676A55

HEX #676A55
NOMBRE -
TONO amarillo grisáceo
RGB 103 106 85
HSV 68° 19% 41%
CMYK 2% 0% 19% 58%
Proporcione información de color y esquema de color para #676A55. #676A55 es amarillo grisáceo. El componente de #676A55 es RGB (103 106 85). El color complementario de #676A55 es #58556A. El amarillo es un estímulo fuerte Es el color de la esperanza y las sonrisas que recuerdan al sol. Debido a que es un color con energía, usándolo como acentuación le da al diseño diversión y vitalidad.

Esquemas de color con #676A55

Esquema de color modesto y maduro   

base
#A7A996 principal
#676A55 acentuar
#282A1E

Esquema de color suave y blando   

base
#A3A08F principal
#676A55 acentuar
#2B3023

Esquema de color potente y llamativo   

base
#B3B6A4 principal
#676A55 acentuar
#58556A

Esquema de color colorido y armonioso   

base
#C1C3B3 principal
#676A55 acentuar
#555E6A acentuar
#64556A

Ejemplo de esquemas de color

Ajuste fino de #676A55

Tinte(añadir blanco) 

#676A55 #7C7F6D #929485 #A8A99D #BDBFB6 #D3D4CE #E9E9E6

Sombra(añadir negro) 

#676A55 #585A48 #494B3C #3A3C30 #2C2D24 #1D1E18 #0E0F0C

Matiz 

#5F6A55 #616A55 #646A55 #676A55 #696A55 #6A6755 #6A6555

Saturación 

#6A6A6A #696A65 #686A5D #676A55 #656A4C #646A44 #636A3B

Valor(Luminosidad) 

#2B2C23 #3F4134 #535544 #676A55 #7A7E65 #8E9275 #A2A786

Color de HTML relacionado 

DimGray
#696969 DarkOliveGreen
#556B2F Gray
#808080 OliveDrab
#6B8E23 DarkSlateGray
#2F4F4F

Complementario

#58556A

Tríada

#6A5566 #676A55 #55676A

Pantone relacionado 

PANTONE 417 C
#66665C PANTONE 405 C
#696057
PANTONE 5743 U
#636951 PANTONE 574 U
#697155

Códigos CSS

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

Gradiente basado en #676A55

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

#676A55 - #D3D4CE
#676A55 - #1D1E18

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

#676A55 - #CDB47C
#676A55 - #353F0F

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 #676A55 (5.57 : 1)

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

Negro y #676A55 (3.77 : 1)

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

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