# Color #ecf2f5: Tono muy claro de gris

#ecf2f5 es rgb(236, 242, 245) en RGB y oklch(95.747% 0.00758 228.854) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

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

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #ecf2f5 |
| RGB | rgb(236, 242, 245) |
| HSL | hsl(200, 31.03%, 94.31%) |
| HSB / HSV | hsv(200 3.67% 96.08%) |
| HWB | hwb(200 92.55% 3.92%) |
| CMYK | cmyk(4% 1% 0% 4%) |
| Lab | lab(95.1 -1.65 -2.18) |
| LCH | lch(95.1 2.74 232.82) |
| OKLab | oklab(95.747% -0.00499 -0.00571) |
| OKLCH | oklch(95.747% 0.00758 228.854) |
| Display P3 | color(display-p3 0.92973 0.94825 0.95935) |
| Rec. 2020 | color(rec2020 0.92689 0.9411 0.95415) |
| Adobe RGB | color(a98-rgb 0.93015 0.94738 0.95901) |
| ProPhoto RGB | color(prophoto-rgb 0.92286 0.93368 0.94831) |
| sRGB lineal | color(srgb-linear 0.8388 0.88792 0.9131) |
| XYZ D65 | color(xyz-d65 0.82822 0.87929 0.98998) |
| XYZ D50 | color(xyz-d50 0.8384 0.87852 0.74992) |
| SwiftUI | Color(red: 0.925, green: 0.949, blue: 0.961) |
| UIKit | UIColor(red: 0.925, green: 0.949, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFFECF2F5) |
| Android XML | #ECF2F5 |

## Datos

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

## Más claros (con blanco)

#ecf2f5, #eef3f6, #f0f5f7, #f2f6f8, #f4f7f9, #f5f8fa, #f7fafb, #f9fbfc, #fbfcfd, #fdfefe

## Más oscuros (con negro)

#ecf2f5, #cdd2d5, #afb4b6, #929698, #76797b, #5b5e5f, #424344, #292b2b, #131415, #030303

## Más sobrios (con gris)

#ecf2f5, #ecf2f5, #edf2f4, #edf2f4, #eef2f3, #eef1f3, #eff1f2, #eff1f2, #f0f1f2, #f0f1f1

## Armonías

- Complementaria: #ecf2f5, #f5f0ed
- Dividida: #ecf2f5, #f6efef, #f4f0eb
- Análoga: #ecf2f5, #ebf3f3, #eef1f6
- Triádica: #ecf2f5, #f5eff2, #f1f1ec
- Tetrádica: #ecf2f5, #f0f0f6, #f5f0ed, #f1f1ec
- Cuadrada: #ecf2f5, #f3eff4, #f5f0ed, #eef2ed
- Monocromática: #ecf2f5, #9fa5a8, #c5cbce, #f0f6f9, #f0f6f9

## Preguntas sobre #ecf2f5

### ¿Qué color es #ecf2f5?

#ecf2f5 es un tono muy claro de gris. El color con nombre más cercano es Tono muy claro de gris. En RGB es rgb(236, 242, 245), en HSL hsl(200, 31.03%, 94.31%) y en OKLCH oklch(95.747% 0.00758 228.854).

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

El color complementario de #ecf2f5 es #f5f0ed. Para una combinación más tranquila, usa los colores análogos #ebf3f3 y #eef1f6. Los colores de la tríada son #f5eff2 y #f1f1ec.

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

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

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

#ecf2f5 es un color neutro. En OKLCH su matiz es de 229 grados, su luminosidad 95,7 % y su croma 0.008.