Ir al selector de color

Color #df855f: Suave tono claro de naranja

#df855f es rgb(223, 133, 95) en RGB y oklch(70.466% 0.12267 43.294) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

18°
100 %

70,5 %
0,123
43°
  • Naranja
  • Claro
  • Suave
  • Cálido
  • ≈ Terracota
  • amber-600
  • Negro 13 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
2.74:1Difícil de leer
Lc -58
Texto negro
7.66:1Legible · AA
Lc 51

Tonos

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

Armonías

Abrir como paleta

Recientes

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

Sobre #df855f

#df855f es un suave tono claro de naranja. En OKLCH tiene una luminosidad de 70,5 %, un croma de 0.123 y un matiz de 43°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

El color con nombre más cercano es Terracota (#e2725b). En Tailwind CSS el más cercano es amber-600.

Más tonos de naranja: claro

Más claro: #df855f mezclado con blanco

  1. df855f
  2. e3916f
  3. e79e7f
  4. ebaa8f
  5. efb69f
  6. f2c2af
  7. f5cebf
  8. f8dbcf
  9. fbe7df
  10. fdf3ef

Más oscuro: #df855f mezclado con negro

  1. df855f
  2. c27352
  3. a56144
  4. 8a5038
  5. 6f402c
  6. 563020
  7. 3d2115
  8. 27130a
  9. 120603
  10. 020100

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

  1. df855f
  2. d98866
  3. d48b6e
  4. ce8e74
  5. c8917b
  6. c19481
  7. bb9788
  8. b5998e
  9. ae9b94
  10. a79e9a

Preguntas sobre #df855f

¿Qué color es #df855f?

#df855f es un suave tono claro de naranja. El color con nombre más cercano es Suave tono claro de naranja. En RGB es rgb(223, 133, 95), en HSL hsl(17.81, 66.67%, 62.35%) y en OKLCH oklch(70.466% 0.12267 43.294).

¿Qué colores combinan con #df855f?

El color complementario de #df855f es #28b0d7. Para una combinación más tranquila, usa los colores análogos #e17e8a y #ce933e. Los colores de la tríada son #48b88a y #9695ea.

¿Se lee mejor el texto blanco o el negro sobre #df855f?

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

¿#df855f es un color cálido o frío?

#df855f es un color cálido. En OKLCH su matiz es de 43 grados, su luminosidad 70,5 % y su croma 0.123.