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

HEX #9F9FA3
NOMBRE -
TONO gris
RGB 159 159 163
HSV 240° 2% 63%
CMYK 2% 2% 0% 36%
Proporcione información de color y esquema de color para #9F9FA3. #9F9FA3 es gris . El componente de #9F9FA3 es RGB (159 159 163). El color complementario de #9F9FA3 es #A3A39F. 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 #9F9FA3

Esquema de color modesto y maduro   

base
#E1E1E2 principal
#9F9FA3 acentuar
#5F5F63

Esquema de color suave y blando   

base
#DADADC principal
#9F9FA3 acentuar
#666569

Esquema de color potente y llamativo   

base
#EEEEEF principal
#9F9FA3 acentuar
#A3A39F

Esquema de color colorido y armonioso   

base
#FCFCFC principal
#9F9FA3 acentuar
#A3A09F acentuar
#A0A39F

Ejemplo de esquemas de color

Ajuste fino de #9F9FA3

Tinte(añadir blanco) 

#9F9FA3 #ACACB0 #BABABD #C8C8CA #D5D5D7 #E3E3E4 #F1F1F1

Sombra(añadir negro) 

#9F9FA3 #88888B #717174 #5A5A5D #444445 #2D2D2E #161617

Matiz 

#A09FA3 #9F9FA3 #9F9FA3 #9F9FA3 #9F9FA3 #9F9FA3 #9FA0A3

Saturación 

#A3A3A3 #9F9FA3 #9191A3 #8484A3 #7777A3 #6A6AA3 #5D5DA3

Valor(Luminosidad) 

#636365 #77777A #8B8B8E #9F9FA3 #B2B2B7 #C6C6CB #DADAE0

Color de HTML relacionado 

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

Complementario

#A3A39F

Tríada

#9FA39F #9F9FA3 #A39F9F

Pantone relacionado 

PANTONE 422 C
#9FA1A1 PANTONE 7543 C
#98A3AD
PANTONE 422 U
#9EA0A2 PANTONE 7539 U
#9B9D9F

Códigos CSS

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

Gradiente basado en #9F9FA3

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

#9F9FA3 - #E3E3E4
#9F9FA3 - #2D2D2E

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

#9F9FA3 - #DECDAF
#9F9FA3 - #42585B

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 #9F9FA3 (2.64 : 1)

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

Negro y #9F9FA3 (7.96 : 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