# Color #4a5553: Tono oscuro de gris

#4a5553 es rgb(74, 85, 83) en RGB y oklch(43.922% 0.01427 183.527) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/4a5553

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #4a5553 |
| RGB | rgb(74, 85, 83) |
| HSL | hsl(169.09, 6.92%, 31.18%) |
| HSB / HSV | hsv(169.09 12.94% 33.33%) |
| HWB | hwb(169.09 29.02% 66.67%) |
| CMYK | cmyk(13% 0% 2% 67%) |
| Lab | lab(35.12 -4.84 -0.38) |
| LCH | lch(35.12 4.86 184.46) |
| OKLab | oklab(43.922% -0.01424 -0.00088) |
| OKLCH | oklch(43.922% 0.01427 183.527) |
| Display P3 | color(display-p3 0.2984 0.33201 0.3255) |
| Rec. 2020 | color(rec2020 0.2467 0.27128 0.26627) |
| Adobe RGB | color(a98-rgb 0.30767 0.33599 0.3289) |
| ProPhoto RGB | color(prophoto-rgb 0.24306 0.26003 0.25706) |
| sRGB lineal | color(srgb-linear 0.06848 0.09084 0.0865) |
| XYZ D65 | color(xyz-d65 0.07634 0.08577 0.09437) |
| XYZ D50 | color(xyz-d50 0.07723 0.0856 0.07154) |
| SwiftUI | Color(red: 0.29, green: 0.333, blue: 0.325) |
| UIKit | UIColor(red: 0.29, green: 0.333, blue: 0.325, alpha: 1) |
| Flutter / Compose | Color(0xFF4A5553) |
| Android XML | #4A5553 |

## Datos

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

## Más claros (con blanco)

#4a5553, #5a6463, #6b7473, #7c8483, #8e9594, #a0a6a5, #b2b7b6, #c5c9c8, #d8dbda, #ebedec

## Más oscuros (con negro)

#4a5553, #3f4947, #353d3b, #2a3130, #202625, #171c1b, #0e1111, #060808, #020202, #000000

## Más sobrios (con gris)

#4a5553, #4b5553, #4c5453, #4d5453, #4d5453, #4e5453, #4f5353, #505352, #515352, #515252

## Armonías

- Complementaria: #4a5553, #5a4f51
- Dividida: #4a5553, #574f56, #5a504d
- Análoga: #4a5553, #4d554f, #4a5557
- Triádica: #4a5553, #545059, #58514a
- Tetrádica: #4a5553, #4c535a, #5a4f51, #58514a
- Cuadrada: #4a5553, #50525a, #5a4f51, #55524a
- Monocromática: #4a5553, #0f1816, #2b3533, #6b7775, #8f9b99

## Preguntas sobre #4a5553

### ¿Qué color es #4a5553?

#4a5553 es un tono oscuro de gris. El color con nombre más cercano es Tono oscuro de gris. En RGB es rgb(74, 85, 83), en HSL hsl(169.09, 6.92%, 31.18%) y en OKLCH oklch(43.922% 0.01427 183.527).

### ¿Qué colores combinan con #4a5553?

El color complementario de #4a5553 es #5a4f51. Para una combinación más tranquila, usa los colores análogos #4d554f y #4a5557. Los colores de la tríada son #545059 y #58514a.

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

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

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

#4a5553 es un color neutro. En OKLCH su matiz es de 184 grados, su luminosidad 43,9 % y su croma 0.014.
