Códigos html del color kiwi - hexadecimal + rgb

Descubre todos los códigos html del color kiwi - hexadecimal, rgb, hsl, hsv y cmyk, además de diferentes combinaciones, esquemas, temperaturas tonos y tipos de color kiwi.

#ABBA3B

códigos del color kiwi

Color Complementario del kiwi:

El color complementario de un color es el opuesto de este en la rueda de colores (circulo cromático).

#4a3bba

Esquema monocromático del color kiwi

#405400
#5d7010
#7b8d22
#9bab32
#b7c44c
#cfd76d
#e7eb8c
#ffffac

Este esquema tiene como base el color kiwi y esta compuesto por diferentes matices, tonalidades y sombras tanto oscuras como claras.

Códigos html y css del color kiwi

formatocódigo
hex#abba3b
rgbrgb(171,186,59)
hslhsl(68,52%,49%)
cmykcmyk(9, 0, 69, 28)
hsvhsv(68, 69%, 73%)

¿Cómo es el color kiwi en rgb?

El color kiwi en formato RGB esta compuesto por (171 en el canal rojo), por (186 en el canal verde) y (59 en el azul)

¿Cómo es el color kiwi en cmyk?

Esta compuesto por (9%) de cian, (0%) de magenta, (69%) de yellow / amarillo, (28%) de key / negro.

¿Cúal es la composición del color kiwi en hsl?

Esta compuesto por (68°) de hue , (52%) de saturation y (49%) de lightness.

¿Cómo es el color kiwi en formato hsv?

el color kiwi en formato hsv esta compuesto por (68°) de hue , (69%) de saturation y (73%) de value.

Esquema análogo del color kiwi

Los colores análogos se obtienen a partir de los dos colores más cercanos dentro de el circulo cromático

#adbe3c
#6cbe3c
#be8e3c

Esquema tríada del color kiwi

El esquema tríadico los obtenemos a partir de 3 colores igualmente separados entre sí dentro del circulo cromático

#abba3b
#3babba
#ba3bab

Esquema tetrádico del color kiwi

Este esquema de color se obtiene usando dos pares de colores opuestos en el circulo cromático en forma rectangular.

#abba3b
#3bba89
#4a3bba
#ba3b6b

Esquema complementario dividido del color kiwi

Este esquema de color se obtiene usando dos pares de colores opuestos en el circulo cromático en forma rectangular.

#abba3b
#3bba63
#963bba

Tintes del color kiwi

Los tintes los obtenemos a partir del color kiwi como base hasta llegar al blanco encontrando en medio tonos de colores pastel

#abba3b
#bcc862
#cdd689
#dde3b1
#eef1d8
#ffffff

Sombras del color kiwi

Estas sombras se obtienen a partir del color kiwi como base hasta llegar al negro.

#abba3b
#89952f
#677023
#444a18
#22250c
#000000

Verificar el contraste del color kiwi

A continuación puedes validar la relación de contraste del color kiwi ya sea usándolo como color de fondo o de texto.

Cambiar el color del texto
Relación de contraste: 2.14

Prueba de contrast ratio del color kiwi como fondo

Cambiar el color de fondo
Relación de contraste: 7.30

Prueba de contrast ratio del color kiwi como texto

Cómo implementar el color kiwi en html y css

A continuación tienes ejemplos de códigos para usar el kiwi 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 kiwi 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:#ABBA3B;"> Color kiwi como fondo de un div</div>
/* Color kiwi como fondo de la etiqueta body con css */
body {
background: #ABBA3B;
}

Poner el texto de color kiwi 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:#ABBA3B;"> Color kiwi como color de texto.</p>
p {
color:#ABBA3B ;
}