# Color #6ca5df: Suave tono claro de azul

#6ca5df es rgb(108, 165, 223) en RGB y oklch(70.6% 0.10447 249.907) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/6ca5df

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #6ca5df |
| RGB | rgb(108, 165, 223) |
| HSL | hsl(210.26, 64.25%, 64.9%) |
| HSB / HSV | hsv(210.26 51.57% 87.45%) |
| HWB | hwb(210.26 42.35% 12.55%) |
| CMYK | cmyk(52% 26% 0% 13%) |
| Lab | lab(65.58 -6.96 -35.69) |
| LCH | lch(65.58 36.36 258.96) |
| OKLab | oklab(70.6% -0.03589 -0.09811) |
| OKLCH | oklch(70.6% 0.10447 249.907) |
| Display P3 | color(display-p3 0.47328 0.64118 0.85522) |
| Rec. 2020 | color(rec2020 0.48974 0.59894 0.83485) |
| Adobe RGB | color(a98-rgb 0.49651 0.64117 0.86289) |
| ProPhoto RGB | color(prophoto-rgb 0.51919 0.57055 0.81072) |
| sRGB lineal | color(srgb-linear 0.14996 0.37626 0.73791) |
| XYZ D65 | color(xyz-d65 0.32957 0.35425 0.74915) |
| XYZ D50 | color(xyz-d50 0.31589 0.34783 0.56556) |
| SwiftUI | Color(red: 0.424, green: 0.647, blue: 0.875) |
| UIKit | UIColor(red: 0.424, green: 0.647, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF6CA5DF) |
| Android XML | #6CA5DF |

## Datos

- Nombre más cercano: Suave tono claro de azul
- Familia de color: Azul, suave tono claro de azul
- Clase de Tailwind más cercana: blue-400
- Gama: Dentro de sRGB: se ve igual en cualquier pantalla.
- Contraste con blanco: 2.6:1
- Contraste con negro: 8.09:1

## Más claros (con blanco)

#6ca5df, #7baee3, #8ab7e6, #98c0ea, #a7c9ed, #b6d2f0, #c4dbf3, #d3e4f7, #e1edf9, #f0f6fc

## Más oscuros (con negro)

#6ca5df, #5d8fc2, #4e79a5, #40658a, #32516f, #253d56, #192b3d, #0d1a27, #040a12, #000102

## Más sobrios (con gris)

#6ca5df, #72a5d9, #78a5d3, #7da4cd, #83a4c6, #88a3c0, #8da3ba, #92a2b4, #97a2ad, #9ba1a7

## Armonías

- Complementaria: #6ca5df, #ca9454
- Dividida: #6ca5df, #d8896e, #afa250
- Análoga: #6ca5df, #46afcd, #9399e0
- Triádica: #6ca5df, #d88491, #8bad66
- Tetrádica: #6ca5df, #b48ed1, #ca9454, #8bad66
- Cuadrada: #6ca5df, #cc86b5, #ca9454, #60b48a
- Monocromática: #6ca5df, #245c91, #4880b8, #91cbff, #d5f1ff

## Preguntas sobre #6ca5df

### ¿Qué color es #6ca5df?

#6ca5df es un suave tono claro de azul. El color con nombre más cercano es Suave tono claro de azul. En RGB es rgb(108, 165, 223), en HSL hsl(210.26, 64.25%, 64.9%) y en OKLCH oklch(70.6% 0.10447 249.907).

### ¿Qué colores combinan con #6ca5df?

El color complementario de #6ca5df es #ca9454. Para una combinación más tranquila, usa los colores análogos #46afcd y #9399e0. Los colores de la tríada son #d88491 y #8bad66.

### ¿Se lee mejor el texto blanco o el negro sobre #6ca5df?

Sobre #6ca5df se lee mejor el texto negro: el blanco da una relación de contraste de 2.6:1 y el negro de 8.09:1. WCAG AA pide al menos 4,5:1 para el texto normal.

### ¿#6ca5df es un color cálido o frío?

#6ca5df es un color frío. En OKLCH su matiz es de 250 grados, su luminosidad 70,6 % y su croma 0.104.