Códigos html del color caqui - hexadecimal + rgb
Descubre todos los códigos html del color caqui - hexadecimal, rgb, hsl, hsv y cmyk, además de diferentes combinaciones, esquemas, temperaturas tonos y tipos de color caqui.
#dfc38a
Color Complementario del caqui:
El color complementario de un color es el opuesto de este en la rueda de colores (circulo cromático).
#8aa6df
Esquema monocromático del color caqui
#725d29
#907943
#af965f
#cfb47b
#e4cb9a
#eedcba
#f7eddb
#fffffd
Este esquema tiene como base el color caqui y esta compuesto por diferentes matices, tonalidades y sombras tanto oscuras como claras.
Códigos html y css del color caqui
| formato | código |
|---|---|
| hex | #dfc38a |
| rgb | rgb(223,195,138) |
| hsl | hsl(41,58%,71%) |
| cmyk | cmyk(0, 13, 39, 13) |
| hsv | hsv(41, 39%, 88%) |
¿Cómo es el color caqui en rgb?
El color caqui en formato RGB esta compuesto por (223 en el canal rojo), por (195 en el canal verde) y (138 en el azul)
¿Cómo es el color caqui en cmyk?
Esta compuesto por (0%) de cian, (13%) de magenta, (39%) de yellow / amarillo, (13%) de key / negro.
¿Cúal es la composición del color caqui en hsl?
Esta compuesto por (41°) de hue , (58%) de saturation y (71%) de lightness.
¿Cómo es el color caqui en formato hsv?
el color caqui en formato hsv esta compuesto por (41°) de hue , (39%) de saturation y (88%) de value.
Esquema análogo del color caqui
Los colores análogos se obtienen a partir de los dos colores más cercanos dentro de el circulo cromático
#e0c58a
#d0e08a
#e09a8a
Esquema tríada del color caqui
El esquema tríadico los obtenemos a partir de 3 colores igualmente separados entre sí dentro del circulo cromático
#dfc38a
#8adfc3
#c38adf
Esquema tetrádico del color caqui
Este esquema de color se obtiene usando dos pares de colores opuestos en el circulo cromático en forma rectangular.
#dfc38a
#8adf98
#8aa6df
#df8ad0
Esquema complementario dividido del color caqui
Este esquema de color se obtiene usando dos pares de colores opuestos en el circulo cromático en forma rectangular.
#dfc38a
#95df8a
#a18adf
Tintes del color caqui
Los tintes los obtenemos a partir del color caqui como base hasta llegar al blanco encontrando en medio tonos de colores pastel
#dfc38a
#e5cfa1
#ecdbb9
#f2e7d0
#f9f3e8
#ffffff
Sombras del color caqui
Estas sombras se obtienen a partir del color caqui como base hasta llegar al negro.
#dfc38a
#b29c6e
#867553
#594e37
#2d271c
#000000
Verificar el contraste del color caqui
A continuación puedes validar la relación de contraste del color caqui ya sea usándolo como color de fondo o de texto.
Cambiar el color del texto
Relación de contraste: 1.71
Prueba de contrast ratio del color caqui como fondo
Cambiar el color de fondo
Relación de contraste: 9.16
Prueba de contrast ratio del color caqui como texto
Cómo implementar el color caqui en html y css
A continuación tienes ejemplos de códigos para usar el caqui en tu página web. Recuerda que puedes implementar el color en html usando los códigos de colores ya sea hexadecimal rgb o hsl y también directamente con el nombre de color escrito en inglés (siempre y cuando sea soportado nativamente por html)
Color caqui de fondo en html - css
Para poner el color de fondo puedes usar estilos en línea o también aplicarlos en una hoja css
<div style="background:#dfc38a;"> Color caqui como fondo de un div</div>
/* Color caqui como fondo de la etiqueta body con css */body {background: #dfc38a;}
Poner el texto de color caqui en html - css
Para poner el color de texto puedes usar estilos en línea o también aplicarlos en una hoja css
<p style="color:#dfc38a;"> Color caqui como color de texto.</p>
p {color:#dfc38a ;}