# Color #f8a671: Intenso tono claro de naranja

#f8a671 es rgb(248, 166, 113) en RGB y oklch(79.453% 0.11905 53.091) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/f8a671

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #f8a671 |
| RGB | rgb(248, 166, 113) |
| HSL | hsl(23.56, 90.6%, 70.78%) |
| HSB / HSV | hsv(23.56 54.44% 97.25%) |
| HWB | hwb(23.56 44.31% 2.75%) |
| CMYK | cmyk(0% 33% 54% 3%) |
| Lab | lab(75.59 27.24 40.25) |
| LCH | lch(75.59 48.6 55.92) |
| OKLab | oklab(79.453% 0.0715 0.09519) |
| OKLCH | oklch(79.453% 0.11905 53.091) |
| Display P3 | color(display-p3 0.92595 0.66506 0.47772) |
| Rec. 2020 | color(rec2020 0.84991 0.64262 0.42972) |
| Adobe RGB | color(a98-rgb 0.89312 0.64508 0.45155) |
| ProPhoto RGB | color(prophoto-rgb 0.78442 0.62576 0.41306) |
| sRGB lineal | color(srgb-linear 0.93869 0.38133 0.16513) |
| XYZ D65 | color(xyz-d65 0.55326 0.48423 0.22056) |
| XYZ D50 | color(xyz-d50 0.57982 0.49223 0.16801) |
| SwiftUI | Color(red: 0.973, green: 0.651, blue: 0.443) |
| UIKit | UIColor(red: 0.973, green: 0.651, blue: 0.443, alpha: 1) |
| Flutter / Compose | Color(0xFFF8A671) |
| Android XML | #F8A671 |

## Datos

- Nombre más cercano: Intenso tono claro de naranja
- Familia de color: Naranja, intenso tono claro de naranja
- Clase de Tailwind más cercana: orange-300
- Gama: Dentro de sRGB: se ve igual en cualquier pantalla.
- Contraste con blanco: 1.97:1
- Contraste con negro: 10.68:1

## Más claros (con blanco)

#f8a671, #faaf80, #fbb88f, #fcc19d, #fdcaab, #fed3b9, #ffdcc7, #ffe5d5, #ffeee3, #fff6f1

## Más oscuros (con negro)

#f8a671, #d89061, #b87a52, #9a6543, #7c5135, #603e27, #452b1a, #2c1a0e, #150a04, #030101

## Más sobrios (con gris)

#f8a671, #f3a97a, #edab82, #e7ae8a, #e1b091, #dcb299, #d6b4a0, #cfb6a7, #c9b8ae, #c2bab5

## Armonías

- Complementaria: #f8a671, #64c9fc
- Dividida: #f8a671, #43d2de, #94bbff
- Análoga: #f8a671, #ff9d98, #e1b55b
- Triádica: #f8a671, #5bd5b5, #bfadff
- Tetrádica: #f8a671, #bcc466, #64c9fc, #bfadff
- Cuadrada: #f8a671, #8dd089, #64c9fc, #e1a2e8
- Monocromática: #f8a671, #a85c26, #cf814c, #ffd6b4, #ffeedb

## Preguntas sobre #f8a671

### ¿Qué color es #f8a671?

#f8a671 es un intenso tono claro de naranja. El color con nombre más cercano es Intenso tono claro de naranja. En RGB es rgb(248, 166, 113), en HSL hsl(23.56, 90.6%, 70.78%) y en OKLCH oklch(79.453% 0.11905 53.091).

### ¿Qué colores combinan con #f8a671?

El color complementario de #f8a671 es #64c9fc. Para una combinación más tranquila, usa los colores análogos #ff9d98 y #e1b55b. Los colores de la tríada son #5bd5b5 y #bfadff.

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

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

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

#f8a671 es un color cálido. En OKLCH su matiz es de 53 grados, su luminosidad 79,5 % y su croma 0.119.