# Color #89bef2: Intenso tono claro de azul

#89bef2 es rgb(137, 190, 242) en RGB y oklch(78.399% 0.09309 248.621) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/89bef2

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #89bef2 |
| RGB | rgb(137, 190, 242) |
| HSL | hsl(209.71, 80.15%, 74.31%) |
| HSB / HSV | hsv(209.71 43.39% 94.9%) |
| HWB | hwb(209.71 53.73% 5.1%) |
| CMYK | cmyk(43% 21% 0% 5%) |
| Lab | lab(74.74 -7.81 -31.76) |
| LCH | lch(74.74 32.7 256.19) |
| OKLab | oklab(78.399% -0.03394 -0.08669) |
| OKLCH | oklch(78.399% 0.09309 248.621) |
| Display P3 | color(display-p3 0.58131 0.73938 0.93094) |
| Rec. 2020 | color(rec2020 0.59914 0.70606 0.91957) |
| Adobe RGB | color(a98-rgb 0.60035 0.73948 0.9399) |
| ProPhoto RGB | color(prophoto-rgb 0.62346 0.67993 0.90363) |
| sRGB lineal | color(srgb-linear 0.25016 0.51492 0.88792) |
| XYZ D65 | color(xyz-d65 0.44754 0.48555 0.91021) |
| XYZ D50 | color(xyz-d50 0.43445 0.47862 0.68754) |
| SwiftUI | Color(red: 0.537, green: 0.745, blue: 0.949) |
| UIKit | UIColor(red: 0.537, green: 0.745, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFF89BEF2) |
| Android XML | #89BEF2 |

## Datos

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

## Más claros (con blanco)

#89bef2, #95c5f4, #a1cbf5, #add2f7, #b9d8f8, #c4dffa, #d0e5fb, #dcecfc, #e7f2fd, #f3f9fe

## Más oscuros (con negro)

#89bef2, #76a5d2, #648cb4, #537596, #425e79, #31485e, #223343, #141f2b, #070d14, #010203

## Más sobrios (con gris)

#89bef2, #8ebeec, #93bde7, #98bde1, #9dbcdb, #a2bcd6, #a7bbd0, #abbbca, #b0bac4, #b4b9be

## Armonías

- Complementaria: #89bef2, #e0ae76
- Dividida: #89bef2, #eda48d, #c8ba73
- Análoga: #89bef2, #6ec7e1, #abb3f4
- Triádica: #89bef2, #eda0ac, #a7c584
- Tetrádica: #89bef2, #caa9e7, #e0ae76, #a7c584
- Cuadrada: #89bef2, #e1a2cd, #e0ae76, #83cba3
- Monocromática: #89bef2, #4174a4, #6498ca, #bbe4ff, #e3f8ff

## Preguntas sobre #89bef2

### ¿Qué color es #89bef2?

#89bef2 es un intenso tono claro de azul. El color con nombre más cercano es Intenso tono claro de azul. En RGB es rgb(137, 190, 242), en HSL hsl(209.71, 80.15%, 74.31%) y en OKLCH oklch(78.399% 0.09309 248.621).

### ¿Qué colores combinan con #89bef2?

El color complementario de #89bef2 es #e0ae76. Para una combinación más tranquila, usa los colores análogos #6ec7e1 y #abb3f4. Los colores de la tríada son #eda0ac y #a7c584.

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

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

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

#89bef2 es un color frío. En OKLCH su matiz es de 249 grados, su luminosidad 78,4 % y su croma 0.093.