# Color #689aef: Intenso tono de azul

#689aef es rgb(104, 154, 239) en RGB y oklch(68.829% 0.13708 260.474) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/689aef

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #689aef |
| RGB | rgb(104, 154, 239) |
| HSL | hsl(217.78, 80.84%, 67.25%) |
| HSB / HSV | hsv(217.78 56.49% 93.73%) |
| HWB | hwb(217.78 40.78% 6.27%) |
| CMYK | cmyk(56% 36% 0% 6%) |
| Lab | lab(62.91 1.78 -48.63) |
| LCH | lch(62.91 48.66 272.09) |
| OKLab | oklab(68.829% -0.02269 -0.13519) |
| OKLCH | oklch(68.829% 0.13708 260.474) |
| Display P3 | color(display-p3 0.45071 0.59868 0.91216) |
| Rec. 2020 | color(rec2020 0.46882 0.55578 0.89707) |
| Adobe RGB | color(a98-rgb 0.47112 0.5983 0.92425) |
| ProPhoto RGB | color(prophoto-rgb 0.51351 0.53115 0.87564) |
| sRGB lineal | color(srgb-linear 0.13843 0.32314 0.86316) |
| XYZ D65 | color(xyz-d65 0.32842 0.32285 0.86165) |
| XYZ D50 | color(xyz-d50 0.30832 0.31478 0.64968) |
| SwiftUI | Color(red: 0.408, green: 0.604, blue: 0.937) |
| UIKit | UIColor(red: 0.408, green: 0.604, blue: 0.937, alpha: 1) |
| Flutter / Compose | Color(0xFF689AEF) |
| Android XML | #689AEF |

## Datos

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

## Más claros (con blanco)

#689aef, #77a4f1, #86aff4, #95b9f6, #a4c3f8, #b3cdf9, #c2d7fb, #d1e1fc, #e0ebfd, #eff5fe

## Más oscuros (con negro)

#689aef, #5985d0, #4b71b1, #3e5e94, #304b78, #24395c, #182742, #0c172a, #040914, #000103

## Más sobrios (con gris)

#689aef, #6e9be7, #739bdf, #789bd6, #7d9cce, #839cc6, #889cbd, #8c9cb5, #919bac, #969ba4

## Armonías

- Complementaria: #689aef, #c69017
- Dividida: #689aef, #dd7f45, #a0a229
- Análoga: #689aef, #06a9df, #9b8ae9
- Triádica: #689aef, #e37576, #69af5b
- Tetrádica: #689aef, #c07dcf, #c69017, #69af5b
- Cuadrada: #689aef, #d975a6, #c69017, #00b58e
- Monocromática: #689aef, #23519f, #4575c7, #94c1ff, #d2e9ff

## Preguntas sobre #689aef

### ¿Qué color es #689aef?

#689aef es un intenso tono de azul. El color con nombre más cercano es Intenso tono de azul. En RGB es rgb(104, 154, 239), en HSL hsl(217.78, 80.84%, 67.25%) y en OKLCH oklch(68.829% 0.13708 260.474).

### ¿Qué colores combinan con #689aef?

El color complementario de #689aef es #c69017. Para una combinación más tranquila, usa los colores análogos #06a9df y #9b8ae9. Los colores de la tríada son #e37576 y #69af5b.

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

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

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

#689aef es un color frío. En OKLCH su matiz es de 260 grados, su luminosidad 68,8 % y su croma 0.137.