# Color #306ea3: Intenso tono de azul

#306ea3 es rgb(48, 110, 163) en RGB y oklch(52.288% 0.10536 247.338) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/306ea3

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #306ea3 |
| RGB | rgb(48, 110, 163) |
| HSL | hsl(207.65, 54.5%, 41.37%) |
| HSB / HSV | hsv(207.65 70.55% 63.92%) |
| HWB | hwb(207.65 18.82% 36.08%) |
| CMYK | cmyk(71% 33% 0% 36%) |
| Lab | lab(44.31 -6.69 -35.03) |
| LCH | lch(44.31 35.66 259.19) |
| OKLab | oklab(52.288% -0.04059 -0.09723) |
| OKLCH | oklch(52.288% 0.10536 247.338) |
| Display P3 | color(display-p3 0.25277 0.42588 0.62236) |
| Rec. 2020 | color(rec2020 0.26468 0.36824 0.57921) |
| Adobe RGB | color(a98-rgb 0.28967 0.42955 0.6265) |
| ProPhoto RGB | color(prophoto-rgb 0.30593 0.34781 0.54542) |
| sRGB lineal | color(srgb-linear 0.02956 0.15593 0.36625) |
| XYZ D65 | color(xyz-d65 0.13405 0.14424 0.36729) |
| XYZ D50 | color(xyz-d50 0.12535 0.14056 0.27709) |
| SwiftUI | Color(red: 0.188, green: 0.431, blue: 0.639) |
| UIKit | UIColor(red: 0.188, green: 0.431, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF306EA3) |
| Android XML | #306EA3 |

## Datos

- Nombre más cercano: Intenso tono de azul
- Familia de color: Azul, intenso tono de azul
- Clase de Tailwind más cercana: sky-700
- Gama: Dentro de sRGB: se ve igual en cualquier pantalla.
- Contraste con blanco: 5.41:1
- Contraste con negro: 3.88:1

## Más claros (con blanco)

#306ea3, #467cad, #5b8ab6, #6f99bf, #83a7c9, #97b5d2, #acc4db, #c0d2e4, #d5e1ed, #eaf0f6

## Más oscuros (con negro)

#306ea3, #285f8d, #215078, #1a4163, #13334f, #0c263c, #06192a, #030e19, #01040a, #000101

## Más sobrios (con gris)

#306ea3, #386e9d, #3f6e98, #466e92, #4c6d8d, #516d87, #566c81, #5c6c7b, #606b76, #656a70

## Armonías

- Complementaria: #306ea3, #915c17
- Dividida: #306ea3, #9c523b, #7b6908
- Análoga: #306ea3, #007891, #5b63a6
- Triádica: #306ea3, #9c4d5f, #59752c
- Tetrádica: #306ea3, #7a5899, #915c17, #59752c
- Cuadrada: #306ea3, #90507f, #915c17, #277c51
- Monocromática: #306ea3, #002a5a, #024b7e, #5592ca, #79b8f2

## Preguntas sobre #306ea3

### ¿Qué color es #306ea3?

#306ea3 es un intenso tono de azul. El color con nombre más cercano es Intenso tono de azul. En RGB es rgb(48, 110, 163), en HSL hsl(207.65, 54.5%, 41.37%) y en OKLCH oklch(52.288% 0.10536 247.338).

### ¿Qué colores combinan con #306ea3?

El color complementario de #306ea3 es #915c17. Para una combinación más tranquila, usa los colores análogos #007891 y #5b63a6. Los colores de la tríada son #9c4d5f y #59752c.

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

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

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

#306ea3 es un color frío. En OKLCH su matiz es de 247 grados, su luminosidad 52,3 % y su croma 0.105.