# Color #696aa4: Apagado tono de índigo

#696aa4 es rgb(105, 106, 164) en RGB y oklch(54.81% 0.08968 282.265) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/696aa4

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #696aa4 |
| RGB | rgb(105, 106, 164) |
| HSL | hsl(238.98, 24.48%, 52.75%) |
| HSB / HSV | hsv(238.98 35.98% 64.31%) |
| HWB | hwb(238.98 41.18% 35.69%) |
| CMYK | cmyk(36% 35% 0% 36%) |
| Lab | lab(46.61 10.6 -31.72) |
| LCH | lch(46.61 33.45 288.48) |
| OKLab | oklab(54.81% 0.01905 -0.08764) |
| OKLCH | oklch(54.81% 0.08968 282.265) |
| Display P3 | color(display-p3 0.41246 0.41556 0.62691) |
| Rec. 2020 | color(rec2020 0.37185 0.36389 0.58388) |
| Adobe RGB | color(a98-rgb 0.41177 0.41446 0.62991) |
| ProPhoto RGB | color(prophoto-rgb 0.37916 0.34887 0.54974) |
| sRGB lineal | color(srgb-linear 0.14126 0.14413 0.37124) |
| XYZ D65 | color(xyz-d65 0.1768 0.15991 0.37278) |
| XYZ D50 | color(xyz-d50 0.17023 0.15726 0.28106) |
| SwiftUI | Color(red: 0.412, green: 0.416, blue: 0.643) |
| UIKit | UIColor(red: 0.412, green: 0.416, blue: 0.643, alpha: 1) |
| Flutter / Compose | Color(0xFF696AA4) |
| Android XML | #696AA4 |

## Datos

- Nombre más cercano: Apagado tono de índigo
- Familia de color: Índigo, apagado tono de índigo
- Clase de Tailwind más cercana: slate-500
- Gama: Dentro de sRGB: se ve igual en cualquier pantalla.
- Contraste con blanco: 5:1
- Contraste con negro: 4.2:1

## Más claros (con blanco)

#696aa4, #7778ad, #8587b7, #9395c0, #a2a4c9, #b0b3d2, #c0c2db, #cfd1e4, #dfe0ed, #efeff6

## Más oscuros (con negro)

#696aa4, #5a5b8e, #4c4d79, #3e3f64, #313150, #24243d, #18182b, #0c0d1a, #04040a, #000001

## Más sobrios (con gris)

#696aa4, #6a6b9f, #6a6c9a, #6b6d95, #6c6d90, #6d6e8b, #6d6f86, #6e6f81, #6f707c, #707076

## Armonías

- Complementaria: #696aa4, #7b732e
- Dividida: #696aa4, #916830, #5d7c43
- Análoga: #696aa4, #4974a4, #836197
- Triádica: #696aa4, #9d5f46, #388161
- Tetrádica: #696aa4, #955b7f, #7b732e, #388161
- Cuadrada: #696aa4, #9e5a63, #7b732e, #14817f
- Monocromática: #696aa4, #2a275b, #48487f, #8c8ecb, #b1b3f3

## Preguntas sobre #696aa4

### ¿Qué color es #696aa4?

#696aa4 es un apagado tono de índigo. El color con nombre más cercano es Apagado tono de índigo. En RGB es rgb(105, 106, 164), en HSL hsl(238.98, 24.48%, 52.75%) y en OKLCH oklch(54.81% 0.08968 282.265).

### ¿Qué colores combinan con #696aa4?

El color complementario de #696aa4 es #7b732e. Para una combinación más tranquila, usa los colores análogos #4974a4 y #836197. Los colores de la tríada son #9d5f46 y #388161.

### ¿Se lee mejor el texto blanco o el negro sobre #696aa4?

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

### ¿#696aa4 es un color cálido o frío?

#696aa4 es un color frío. En OKLCH su matiz es de 282 grados, su luminosidad 54,8 % y su croma 0.09.