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

HEX #DDDFDD
NOMBRE -
TONO gris claro
RGB 221 223 221
HSV 120° 0% 87%
CMYK 0% 0% 0% 12%
Proporcione información de color y esquema de color para #DDDFDD. #DDDFDD es gris claro . El componente de #DDDFDD es RGB (221 223 221). El color complementario de #DDDFDD es #DFDDDF. 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 #DDDFDD

Esquema de color modesto y maduro   

base
#9A9F9A principal
#DDDFDD acentuar
#5B5F5B

Esquema de color suave y blando   

base
#A1A5A2 principal
#DDDFDD acentuar
#676C6A

Esquema de color potente y llamativo   

base
#8E928E principal
#DDDFDD acentuar
#928E92

Esquema de color colorido y armonioso   

base
#818581 principal
#DDDFDD acentuar
#838185 acentuar
#858183

Ejemplo de esquemas de color

Ajuste fino de #DDDFDD

Tinte(añadir blanco) 

#DDDFDD #E1E3E1 #E6E8E6 #EBECEB #F0F1F0 #F5F5F5 #FAFAFA

Sombra(añadir negro) 

#DDDFDD #BDBFBD #9D9F9D #7E7F7E #5E5F5E #3F3F3F #1F1F1F

Matiz 

#DDDFDD #DDDFDD #DDDFDD #DDDFDD #DDDFDD #DDDFDD #DDDFDD

Saturación 

#DFDFDF #DDDFDD #CBDFCB #B9DFB9 #A7DFA7 #95DF95 #83DF83

Valor(Luminosidad) 

#8C8D8C #A0A1A0 #B4B6B4 #C8CAC8 #DDDFDD #F1F3F1 #FCFFFC

Color de HTML relacionado 

Gainsboro
#DCDCDC LightGray
#D3D3D3 Lavender
#E6E6FA AntiqueWhite
#FAEBD7 Beige
#F5F5DC

Complementario

#DFDDDF

Tríada

#DFDDDD #DDDFDD #DDDDDF

Pantone relacionado 

PANTONE 7541 C
#DADFE1 PANTONE 664 C
#E1DAE1
PANTONE 663 U
#E1D8E1 PANTONE 5315 U
#DAD7E1

Códigos CSS

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

Gradiente basado en #DDDFDD

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

#DDDFDD - #F5F5F5
#DDDFDD - #3F3F3F

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

#DDDFDD - #E2F1E1
#DDDFDD - #8BBA90

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 #DDDFDD (1.34 : 1)

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

Negro y #DDDFDD (15.67 : 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