Ir al selector de color

Color Melocotón: #ffcba4

Melocotón es #ffcba4, rgb(255, 203, 164) en RGB y oklch(87.851% 0.07841 58.377) en OKLCH. Abajo tienes los demás formatos, tonos, colores que combinan y paletas.

Interpretado como HEX

26°
100 %

87,9 %
0,078
58°
  • Beige
  • Muy claro
  • Suave
  • Pastel
  • Cálido
  • orange-200
  • Negro 0 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
1.47:1Difícil de leer
Lc -25
Texto negro
14.33:1Legible · AA
Lc 82

Tonos

Del más claro al más oscuro. Haz clic en un tono para usarlo.

Armonías

Recientes

Aquí aparecen los colores que eliges o copias. Se quedan en este dispositivo.

También llamado: Durazno, Peach

Paletas con Melocotón

Colores con nombre parecidos

Preguntas sobre Melocotón

¿Cuál es el código HEX de Melocotón?

El código HEX de Melocotón es #ffcba4. En RGB es rgb(255, 203, 164), en HSL hsl(25.71, 100%, 82.16%) y en OKLCH oklch(87.851% 0.07841 58.377).

¿Qué colores combinan con Melocotón?

Su color complementario es #a7dfff. Para un resultado más tranquilo, combínalo con los colores análogos #ffc4ba y #ecd59b. En esta página tienes paletas listas con Melocotón.

¿Melocotón es un color cálido o frío?

Melocotón es un color cálido con un matiz OKLCH de 58 grados.

¿Qué color de texto se lee bien sobre Melocotón?

Sobre Melocotón se lee mejor el texto negro: el blanco da una relación de contraste de 1.47:1 y el negro de 14.33:1. WCAG AA pide al menos 4,5:1 para el texto normal.

Sobre #ffcba4

#ffcba4 es un delicado tono muy claro de beige. En OKLCH tiene una luminosidad de 87,9 %, un croma de 0.078 y un matiz de 58°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 1.47:1 y el negro 14.33:1, así que se lee mejor el texto negro.

El color con nombre más cercano es Melocotón (#ffcba4). En Tailwind CSS el más cercano es orange-200.

Más tonos de beige: muy claro

Más claro: #ffcba4 mezclado con blanco

  1. ffcba4

Más oscuro: #ffcba4 mezclado con negro

  1. ffcba4

Más sobrio: #ffcba4 con menos saturación

  1. ffcba4

Colores con nombre parecidos

Colores que combinan con #ffcba4

Complementaria
#ffcba4
Análoga
#ffcba4
Triádica
#ffcba4
Dividida
#ffcba4