#B7B8BC | 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 #B7B8BC

HEX #B7B8BC
NOMBRE -
TONO gris claro
RGB 183 184 188
HSV 227° 2% 73%
CMYK 2% 2% 0% 26%
Proporcione información de color y esquema de color para #B7B8BC. #B7B8BC es gris claro . El componente de #B7B8BC es RGB (183 184 188). El color complementario de #B7B8BC es #BCBBB7. El gris claro es el color que recuerda a la calma y la tranquilidad. Es el color que resolverá una tensión apretada. El gris claro es adecuado como color de fondo para el diseño.

Esquemas de color con #B7B8BC

Esquema de color modesto y maduro   

base
#FBFBFB principal
#B7B8BC acentuar
#75777C

Esquema de color suave y blando   

base
#F4F4F5 principal
#B7B8BC acentuar
#7C7C82

Esquema de color potente y llamativo   

base
#696A6F principal
#B7B8BC acentuar
#6F6E69

Esquema de color colorido y armonioso   

base
#5C5D62 principal
#B7B8BC acentuar
#625D5C acentuar
#60625C

Ejemplo de esquemas de color

Ajuste fino de #B7B8BC

Tinte(añadir blanco) 

#B7B8BC #C1C2C5 #CBCCCF #D5D6D8 #E0E0E2 #EAEAEB #F4F4F5

Sombra(añadir negro) 

#B7B8BC #9C9DA1 #828386 #68696B #4E4E50 #343435 #1A1A1A

Matiz 

#B7B7BC #B7B7BC #B7B7BC #B7B8BC #B7B8BC #B7B9BC #B7B9BC

Saturación 

#BCBCBC #B7B8BC #A7ABBC #989FBC #8993BC #7A87BC #6B7BBC

Valor(Luminosidad) 

#7B7C7E #8F9093 #A3A4A7 #B7B8BC #CACBD0 #DEDFE4 #F2F3F9

Color de HTML relacionado 

Silver
#C0C0C0 DarkGray
#A9A9A9 LightSteelBlue
#B0C4DE Thistle
#D8BFD8 LightGray
#D3D3D3

Complementario

#BCBBB7

Tríada

#B7BCB7 #B7B8BC #BCB7B8

Pantone relacionado 

PANTONE Cool Gray 4 C
#BCBBBA PANTONE 5517 C
#B2BFBB
PANTONE Cool Gray 4 U
#B7B6B8 PANTONE 420 U
#BDBDBC

Códigos CSS

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

Gradiente basado en #B7B8BC

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

#B7B8BC - #EAEAEB
#B7B8BC - #343435

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

#B7B8BC - #E3DBC6
#B7B8BC - #5C6D78

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 #B7B8BC (1.98 : 1)

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

Negro y #B7B8BC (10.60 : 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