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

HEX #F2F2DA
NOMBRE -
TONO amarillo grisáceo claro
RGB 242 242 218
HSV 60° 9% 94%
CMYK 0% 0% 9% 5%
Proporcione información de color y esquema de color para #F2F2DA. #F2F2DA es amarillo grisáceo claro. El componente de #F2F2DA es RGB (242 242 218). El color complementario de #F2F2DA es #DADAF2. El amarillo es un estímulo fuerte Es el color de la esperanza y las sonrisas que recuerdan al sol. Debido a que es un color con energía, usándolo como acentuación le da al diseño diversión y vitalidad.

Esquemas de color con #F2F2DA

Esquema de color modesto y maduro   

base
#D1D188 principal
#F2F2DA acentuar
#B0B046

Esquema de color suave y blando   

base
#C1D48F principal
#F2F2DA acentuar
#80B752

Esquema de color potente y llamativo   

base
#CACA79 principal
#F2F2DA acentuar
#7979CA

Esquema de color colorido y armonioso   

base
#C4C46C principal
#F2F2DA acentuar
#6CA0C4 acentuar
#A06CC4

Ejemplo de esquemas de color

Ajuste fino de #F2F2DA

Tinte(añadir blanco) 

#F2F2DA #F3F3DF #F5F5E4 #F7F7E9 #F9F9EF #FBFBF4 #FDFDF9

Sombra(añadir negro) 

#F2F2DA #CFCFBA #ACAC9B #8A8A7C #67675D #45453E #22221F

Matiz 

#E9F2DA #ECF2DA #EFF2DA #F2F2DA #F2EFDA #F2ECDA #F2E9DA

Saturación 

#F2F2F2 #F2F2ED #F2F2DA #F2F2C6 #F2F2B3 #F2F29F #F2F28C

Valor(Luminosidad) 

#8C8C7E #A0A090 #B4B4A2 #C9C9B5 #DDDDC7 #F2F2DA #FFFFE5

Color de HTML relacionado 

Beige
#F5F5DC AntiqueWhite
#FAEBD7 LightGoldenrodYellow
#FAFAD2 PapayaWhip
#FFEFD5 Cornsilk
#FFF8DC

Complementario

#DADAF2

Tríada

#F2DAF1 #F2F2DA #DAF2F1

Pantone relacionado 

PANTONE 663 C
#E6E1E5 PANTONE 705 C
#F8DADF
PANTONE 705 U
#FFDCE0 PANTONE 2050 U
#F7DBE8

Códigos CSS

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

Gradiente basado en #F2F2DA

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

#F2F2DA - #FBFBF4
#F2F2DA - #45453E

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

#F2F2DA - #FFF8E8
#F2F2DA - #D1CB8B

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 #F2F2DA (1.14 : 1)

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

Negro y #F2F2DA (18.49 : 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