# Color #aab5bc: Tono claro de gris

#aab5bc es rgb(170, 181, 188) en RGB y oklch(76.663% 0.01587 235.453) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/aab5bc

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #aab5bc |
| RGB | rgb(170, 181, 188) |
| HSL | hsl(203.33, 11.84%, 70.2%) |
| HSB / HSV | hsv(203.33 9.57% 73.73%) |
| HWB | hwb(203.33 66.67% 26.27%) |
| CMYK | cmyk(10% 4% 0% 26%) |
| Lab | lab(72.97 -2.92 -4.96) |
| LCH | lch(72.97 5.76 239.53) |
| OKLab | oklab(76.663% -0.009 -0.01307) |
| OKLCH | oklch(76.663% 0.01587 235.453) |
| Display P3 | color(display-p3 0.67459 0.70843 0.73418) |
| Rec. 2020 | color(rec2020 0.64958 0.67458 0.70372) |
| Adobe RGB | color(a98-rgb 0.67339 0.70395 0.73046) |
| ProPhoto RGB | color(prophoto-rgb 0.63055 0.64749 0.67766) |
| sRGB lineal | color(srgb-linear 0.40198 0.46208 0.50289) |
| XYZ D65 | color(xyz-d65 0.42176 0.45224 0.54086) |
| XYZ D50 | color(xyz-d50 0.42521 0.45118 0.40957) |
| SwiftUI | Color(red: 0.667, green: 0.71, blue: 0.737) |
| UIKit | UIColor(red: 0.667, green: 0.71, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFFAAB5BC) |
| Android XML | #AAB5BC |

## Datos

- Nombre más cercano: Tono claro de gris
- Familia de color: Gris, tono claro de gris
- Clase de Tailwind más cercana: mist-400
- Gama: Dentro de sRGB: se ve igual en cualquier pantalla.
- Contraste con blanco: 2.09:1
- Contraste con negro: 10.04:1

## Más claros (con blanco)

#aab5bc, #b2bcc3, #bbc3c9, #c3cbd0, #cbd2d6, #d4d9dd, #dce1e4, #e5e8eb, #eef0f1, #f6f7f8

## Más oscuros (con negro)

#aab5bc, #939da3, #7d868b, #686f73, #53595d, #3f4447, #2d3032, #1b1d1f, #0b0c0d, #010202

## Más sobrios (con gris)

#aab5bc, #abb5bb, #acb5ba, #adb4b9, #aeb4b8, #afb4b7, #afb4b7, #b0b4b6, #b1b3b5, #b2b3b4

## Armonías

- Complementaria: #aab5bc, #bcb1aa
- Dividida: #aab5bc, #bdb0ae, #b8b3a8
- Análoga: #aab5bc, #a8b6b8, #aeb3be
- Triádica: #aab5bc, #bcafb3, #b2b5a9
- Tetrádica: #aab5bc, #b4b1bc, #bcb1aa, #b2b5a9
- Cuadrada: #aab5bc, #b9b0b9, #bcb1aa, #adb6ad
- Monocromática: #aab5bc, #626c73, #859097, #d0dce3, #ebf7ff

## Preguntas sobre #aab5bc

### ¿Qué color es #aab5bc?

#aab5bc es un tono claro de gris. El color con nombre más cercano es Tono claro de gris. En RGB es rgb(170, 181, 188), en HSL hsl(203.33, 11.84%, 70.2%) y en OKLCH oklch(76.663% 0.01587 235.453).

### ¿Qué colores combinan con #aab5bc?

El color complementario de #aab5bc es #bcb1aa. Para una combinación más tranquila, usa los colores análogos #a8b6b8 y #aeb3be. Los colores de la tríada son #bcafb3 y #b2b5a9.

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

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

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

#aab5bc es un color neutro. En OKLCH su matiz es de 235 grados, su luminosidad 76,7 % y su croma 0.016.