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

HEX #CCCFD1
NOMBRE -
TONO gris claro
RGB 204 207 209
HSV 203° 2% 81%
CMYK 2% 0% 0% 18%
Proporcione información de color y esquema de color para #CCCFD1. #CCCFD1 es gris claro . El componente de #CCCFD1 es RGB (204 207 209). El color complementario de #CCCFD1 es #D1CECC. 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 #CCCFD1

Esquema de color modesto y maduro   

base
#888D91 principal
#CCCFD1 acentuar
#4A4E51

Esquema de color suave y blando   

base
#8F9297 principal
#CCCFD1 acentuar
#56565E

Esquema de color potente y llamativo   

base
#7C8184 principal
#CCCFD1 acentuar
#847F7C

Esquema de color colorido y armonioso   

base
#6F7477 principal
#CCCFD1 acentuar
#776F71 acentuar
#77776F

Ejemplo de esquemas de color

Ajuste fino de #CCCFD1

Tinte(añadir blanco) 

#CCCFD1 #D3D5D7 #DADCDE #E1E3E4 #E9EAEB #F0F1F1 #F7F8F8

Sombra(añadir negro) 

#CCCFD1 #AEB1B3 #919395 #747677 #575859 #3A3B3B #1D1D1D

Matiz 

#CCCDD1 #CCCDD1 #CCCED1 #CCCFD1 #CCCFD1 #CCD0D1 #CCD0D1

Saturación 

#D1D1D1 #CCCFD1 #BBC8D1 #AAC1D1 #99BAD1 #89B4D1 #78ADD1

Valor(Luminosidad) 

#909293 #A4A6A8 #B8BABC #CCCFD1 #DFE3E5 #F3F7F9 #F8FCFF

Color de HTML relacionado 

LightGray
#D3D3D3 Thistle
#D8BFD8 Gainsboro
#DCDCDC Silver
#C0C0C0 LightSteelBlue
#B0C4DE

Complementario

#D1CECC

Tríada

#CED1CC #CCCFD1 #D1CCCF

Pantone relacionado 

PANTONE 427 C
#D0D2D3 PANTONE Cool Gray 2 C
#D2CFCD
PANTONE 2330 U
#CFCCC8 PANTONE Cool Gray 2 U
#CAC9C8

Códigos CSS

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

Gradiente basado en #CCCFD1

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

#CCCFD1 - #F0F1F1
#CCCFD1 - #3A3B3B

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

#CCCFD1 - #E7E6DD
#CCCFD1 - #7A8192

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 #CCCFD1 (1.57 : 1)

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

Negro y #CCCFD1 (13.41 : 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