# Color #64a2e2: Suave tono de azul

#64a2e2 es rgb(100, 162, 226) en RGB y oklch(69.689% 0.11454 250.484) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/64a2e2

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #64a2e2 |
| RGB | rgb(100, 162, 226) |
| HSL | hsl(210.48, 68.48%, 63.92%) |
| HSB / HSV | hsv(210.48 55.75% 88.63%) |
| HWB | hwb(210.48 39.22% 11.37%) |
| CMYK | cmyk(56% 28% 0% 11%) |
| Lab | lab(64.44 -6.6 -39.13) |
| LCH | lch(64.44 39.68 260.42) |
| OKLab | oklab(69.689% -0.03827 -0.10796) |
| OKLCH | oklch(69.689% 0.11454 250.484) |
| Display P3 | color(display-p3 0.44791 0.62908 0.86547) |
| Rec. 2020 | color(rec2020 0.47018 0.58583 0.84597) |
| Adobe RGB | color(a98-rgb 0.47448 0.62945 0.87423) |
| ProPhoto RGB | color(prophoto-rgb 0.50623 0.55769 0.82211) |
| sRGB lineal | color(srgb-linear 0.12744 0.36131 0.76052) |
| XYZ D65 | color(xyz-d65 0.31901 0.3404 0.76843) |
| XYZ D50 | color(xyz-d50 0.30354 0.33347 0.57994) |
| SwiftUI | Color(red: 0.392, green: 0.635, blue: 0.886) |
| UIKit | UIColor(red: 0.392, green: 0.635, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF64A2E2) |
| Android XML | #64A2E2 |

## Datos

- Nombre más cercano: Suave tono de azul
- Familia de color: Azul, suave 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.69:1
- Contraste con negro: 7.81:1

## Más claros (con blanco)

#64a2e2, #74abe5, #84b5e9, #93beec, #a3c7ef, #b2d1f2, #c1daf5, #d1e3f8, #e0edfa, #eff6fd

## Más oscuros (con negro)

#64a2e2, #568cc4, #4877a8, #3b638c, #2e4f71, #223c57, #162a3e, #0b1927, #030a12, #000103

## Más sobrios (con gris)

#64a2e2, #6ba2db, #71a2d5, #77a1ce, #7da1c7, #83a1c0, #89a0ba, #8ea0b3, #939fac, #989ea4

## Armonías

- Complementaria: #64a2e2, #ca9046
- Dividida: #64a2e2, #d98465, #ae9f42
- Análoga: #64a2e2, #31adcf, #9095e3
- Triádica: #64a2e2, #da7e8c, #85ac5e
- Tetrádica: #64a2e2, #b489d2, #ca9046, #85ac5e
- Cuadrada: #64a2e2, #cd80b3, #ca9046, #53b385
- Monocromática: #64a2e2, #195994, #407dba, #89c8ff, #d0eeff

## Preguntas sobre #64a2e2

### ¿Qué color es #64a2e2?

#64a2e2 es un suave tono de azul. El color con nombre más cercano es Suave tono de azul. En RGB es rgb(100, 162, 226), en HSL hsl(210.48, 68.48%, 63.92%) y en OKLCH oklch(69.689% 0.11454 250.484).

### ¿Qué colores combinan con #64a2e2?

El color complementario de #64a2e2 es #ca9046. Para una combinación más tranquila, usa los colores análogos #31adcf y #9095e3. Los colores de la tríada son #da7e8c y #85ac5e.

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

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

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

#64a2e2 es un color frío. En OKLCH su matiz es de 250 grados, su luminosidad 69,7 % y su croma 0.115.