#54A1BD | colorate
Acerca de #54A1BD
HEX | #54A1BD |
---|---|
NOMBRE | - |
TONO | azul ligero |
RGB | 84 161 189 |
HSV | 195° 55% 74% |
CMYK | 55% 14% 0% 25% |
Esquemas de color con #54A1BD
Esquema de color modesto y maduro
#54A1BD | colorate
Es un esquema de color compuesto por el mismo color de matiz. Este esquema de color da una impresión modesta y tranquila.
base #97C8DA |
RGB 151 200 218 | #97C8DA |
principal #54A1BD |
RGB 84 161 189 | #54A1BD |
acentuar #1E7D9F |
RGB 30 125 159 | #1E7D9F |
Esquema de color suave y blando
#54A1BD | colorate
Es un esquema de color compuesto de color de tono cercano. Este esquema de color brinda una impresión suave y orgánicamente natural.
base #90D7D7 |
RGB 144 215 215 | #90D7D7 |
principal #54A1BD |
RGB 84 161 189 | #54A1BD |
acentuar #235EA2 |
RGB 35 94 162 | #235EA2 |
Esquema de color potente y llamativo
#54A1BD | colorate
Es un esquema de color con colores complementarios para acento. Este esquema de color brinda una impresión poderosa, conductual y llamativa.
base #A7D1E0 |
RGB 167 209 224 | #A7D1E0 |
principal #54A1BD |
RGB 84 161 189 | #54A1BD |
acentuar #BD7054 |
RGB 189 112 84 | #BD7054 |
Esquema de color colorido y armonioso
#54A1BD | colorate
Es un esquema de color compuesto por colores complementarios y colores adyacentes. Hay movimiento, dando una impresión colorida y divertida.
base #B7D9E6 |
RGB 183 217 230 | #B7D9E6 |
principal #54A1BD |
RGB 84 161 189 | #54A1BD |
acentuar #BD5477 |
RGB 189 84 119 | #BD5477 |
acentuar #BDAF54 |
RGB 189 175 84 | #BDAF54 |
Ejemplo de esquemas de color
Códigos CSS
<style type="text/css"> div { color : #54A1BD; background-color : #54A1BD; } </style>
Gradiente basado en #54A1BD
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
Expresión más natural (cielo y bebidas)
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 #54A1BD (2.91 : 1)
A 18pt
A 14pt
A 18pt
A
Negro y #54A1BD (7.21 : 1)
AAA 18pt
AAA 14pt
AAA 18pt
AAA
Utilities
Barcode
You can create barcodes online. The created barcode can be downloaded as PNG or EPS.
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.
textate
Make text to image. It is useful when you want to send text on SNS.