Saltar al contenido
Color Codes

Color tradicional chino

Código de color Ginger Yellow

Ginger Yellow es un naranja claro y intenso con el código hexadecimal #FFC773. En RGB es rgb(255, 199, 115), en HSL hsl(36, 100%, 73%) y en CMYK cmyk(0%, 22%, 55%, 0%).

Ginger Yellow
姜黄
#FFC773

Valores del color

El texto blanco sobre Ginger Yellow tiene una relación de contraste de 1.54:1 y el texto negro de 13.67:1, así que el texto negro es la opción más legible.

El color de Tailwind CSS más cercano es Orange 300 (#FDBA74).

Usar Ginger Yellow en CSS

.element {
  color: #ffc773;
  background-color: #ffc773;
  border-color: rgb(255, 199, 115);
}

Tonos claros y oscuros de Ginger Yellow

Diez pasos de claro a oscuro con el mismo tono. Haz clic en una muestra para copiarla.

Colores que combinan con Ginger Yellow

Armonías de la rueda de color creadas a partir de #FFC773. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.

Tonos opuestos para el máximo contraste y acentos llenos de energía.

Tonos vecinos para superficies tranquilas y coherentes.

Tres tonos equidistantes para sistemas coloridos y equilibrados.

Complementario dividido

Abrir en la rueda de color

Un color base y los dos vecinos de su complementario: contraste con menos tensión.

Contraste del texto sobre Ginger Yellow

Aa
Texto blanco
1.54:1
No cumple
Aa
Texto negro
13.67:1
AAA
Comprobar en el verificador de contraste

Colores parecidos a Ginger Yellow

Paletas con colores parecidos

Preguntas sobre Ginger Yellow

¿Cuál es el código hexadecimal de Ginger Yellow?

El código hexadecimal de Ginger Yellow es #FFC773. Su valor RGB es rgb(255, 199, 115) y su valor HSL es hsl(36, 100%, 73%).

¿Qué colores combinan con Ginger Yellow?

El color complementario de Ginger Yellow es #75ACFF. Para un esquema más suave prueba los colores análogos #FF8375 y #F1FF75; para un esquema equilibrado de tres colores usa los triádicos #75FFC8 y #C875FF.

¿Ginger Yellow es legible como color de texto?

Sobre un fondo blanco, Ginger Yellow tiene una relación de contraste de 1.54:1, que no cumple el nivel WCAG AA para texto normal (4.5:1). Sobre negro alcanza 13.67:1.

Más colores de la familia amarillos