# Color Naranja oscuro: #ff8c00

#ff8c00 es rgb(255, 140, 0) en RGB y oklch(75.054% 0.17911 58.283) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/colors/dark-orange

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #ff8c00 |
| RGB | rgb(255, 140, 0) |
| HSL | hsl(32.94, 100%, 50%) |
| HSB / HSV | hsv(32.94 100% 100%) |
| HWB | hwb(32.94 0% 0%) |
| CMYK | cmyk(0% 45% 100% 0%) |
| Lab | lab(70.21 39.78 76.09) |
| LCH | lch(70.21 85.86 62.4) |
| OKLab | oklab(75.054% 0.09417 0.15236) |
| OKLCH | oklch(75.054% 0.17911 58.283) |
| Display P3 | color(display-p3 0.94006 0.57191 0.20928) |
| Rec. 2020 | color(rec2020 0.84523 0.54991 0.15742) |
| Adobe RGB | color(a98-rgb 0.89827 0.54411 0.12755) |
| ProPhoto RGB | color(prophoto-rgb 0.76392 0.5378 0.1845) |
| sRGB lineal | color(srgb-linear 1 0.26225 0) |
| XYZ D65 | color(xyz-d65 0.50617 0.40019 0.05059) |
| XYZ D50 | color(xyz-d50 0.53707 0.4105 0.03938) |
| SwiftUI | Color(red: 1, green: 0.549, blue: 0) |
| UIKit | UIColor(red: 1, green: 0.549, blue: 0, alpha: 1) |
| Flutter / Compose | Color(0xFFFF8C00) |
| Android XML | #FF8C00 |

## Datos

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

## Más claros (con blanco)

#ff8c00, #ff993b, #ffa558, #ffb170, #ffbc86, #ffc89b, #ffd3b0, #ffdec4, #ffe9d8, #fff4eb

## Más oscuros (con negro)

#ff8c00, #de7900, #be6700, #9e5500, #804300, #633300, #482300, #2e1400, #160700, #030100

## Más sobrios (con gris)

#ff8c00, #f89131, #f09547, #e99958, #e19d67, #d9a075, #d1a381, #c9a68d, #c0a998, #b7aca3

## Armonías

- Complementaria: #ff8c00, #00baff
- Dividida: #ff8c00, #00c7df, #86a9ff
- Análoga: #ff8c00, #ff7c6c, #dba500
- Triádica: #ff8c00, #00ceaf, #bd92ff
- Tetrádica: #ff8c00, #a4bc00, #00baff, #bd92ff
- Cuadrada: #ff8c00, #4acc69, #00baff, #e980e6
- Monocromática: #ff8c00, #a04b00, #d36800, #ffc289, #ffefd8

## Preguntas sobre Naranja oscuro

### ¿Cuál es el código HEX de Naranja oscuro?

El código HEX de Naranja oscuro es #ff8c00. En RGB es rgb(255, 140, 0), en HSL hsl(32.94, 100%, 50%) y en OKLCH oklch(75.054% 0.17911 58.283).

### ¿Qué colores combinan con Naranja oscuro?

Su color complementario es #00baff. Para un resultado más tranquilo, combínalo con los colores análogos #ff7c6c y #dba500. En esta página tienes paletas listas con Naranja oscuro.

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

Naranja oscuro es un color cálido con un matiz OKLCH de 58 grados.

### ¿Qué color de texto se lee bien sobre Naranja oscuro?

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