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

HEX #CCD2B2
NOMBRE -
TONO amarillo-verde grisáceo claro
RGB 204 210 178
HSV 71° 15% 82%
CMYK 2% 0% 15% 17%
Proporcione información de color y esquema de color para #CCD2B2. #CCD2B2 es amarillo-verde grisáceo claro. El componente de #CCD2B2 es RGB (204 210 178). El color complementario de #CCD2B2 es #B8B2D2. 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 #CCD2B2

Esquema de color modesto y maduro   

base
#88925C principal
#CCD2B2 acentuar
#495222

Esquema de color suave y blando   

base
#809863 principal
#CCD2B2 acentuar
#395F2B

Esquema de color potente y llamativo   

base
#7B854E principal
#CCD2B2 acentuar
#584E85

Esquema de color colorido y armonioso   

base
#6E7841 principal
#CCD2B2 acentuar
#415878 acentuar
#6D4178

Ejemplo de esquemas de color

Ajuste fino de #CCD2B2

Tinte(añadir blanco) 

#CCD2B2 #D3D8BD #DADEC8 #E1E5D3 #E9EBDE #F0F2E9 #F7F8F4

Sombra(añadir negro) 

#CCD2B2 #AEB498 #91967F #747865 #575A4C #3A3C32 #1D1D19

Matiz 

#C0D2B2 #C4D2B2 #C8D2B2 #CCD2B2 #CFD2B2 #D2D0B2 #D2CCB2

Saturación 

#D2D2D2 #CFD2C2 #CCD2B2 #C8D2A1 #C5D290 #C2D27F #BFD26E

Valor(Luminosidad) 

#90947E #A4A98F #B8BDA0 #CCD2B2 #DFE6C3 #F3FAD4 #F7FFD8

Color de HTML relacionado 

Silver
#C0C0C0 LightGray
#D3D3D3 PaleGoldenrod
#EEE8AA Wheat
#F5DEB3 Thistle
#D8BFD8

Complementario

#B8B2D2

Tríada

#D2B2CB #CCD2B2 #B2CCD2

Pantone relacionado 

PANTONE 2274 C
#D0D9B1 PANTONE 5807 C
#D1D0A9
PANTONE 5803 U
#D0D1B8 PANTONE 580 U
#CADAAC

Códigos CSS

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

Gradiente basado en #CCD2B2

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

#CCD2B2 - #F0F2E9
#CCD2B2 - #3A3C32

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

#CCD2B2 - #F2F0CB
#CCD2B2 - #8CA15D

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 #CCD2B2 (1.56 : 1)

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

Negro y #CCD2B2 (13.43 : 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