# Color #ccc475: Suave tono claro de amarillo

#ccc475 es rgb(204, 196, 117) en RGB y oklch(80.94% 0.10096 103.349) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

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

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #ccc475 |
| RGB | rgb(204, 196, 117) |
| HSL | hsl(54.48, 46.03%, 62.94%) |
| HSB / HSV | hsv(54.48 42.65% 80%) |
| HWB | hwb(54.48 45.88% 20%) |
| CMYK | cmyk(0% 4% 43% 20%) |
| Lab | lab(78.51 -5.32 40.57) |
| LCH | lch(78.51 40.92 97.48) |
| OKLab | oklab(80.94% -0.02331 0.09823) |
| OKLCH | oklch(80.94% 0.10096 103.349) |
| Display P3 | color(display-p3 0.79455 0.7697 0.49806) |
| Rec. 2020 | color(rec2020 0.75318 0.74162 0.45436) |
| Adobe RGB | color(a98-rgb 0.78613 0.76324 0.47362) |
| ProPhoto RGB | color(prophoto-rgb 0.70045 0.71491 0.44102) |
| sRGB lineal | color(srgb-linear 0.60383 0.55201 0.17789) |
| XYZ D65 | color(xyz-d65 0.47851 0.53602 0.24656) |
| XYZ D50 | color(xyz-d50 0.50137 0.54086 0.18903) |
| SwiftUI | Color(red: 0.8, green: 0.769, blue: 0.459) |
| UIKit | UIColor(red: 0.8, green: 0.769, blue: 0.459, alpha: 1) |
| Flutter / Compose | Color(0xFFCCC475) |
| Android XML | #CCC475 |

## Datos

- Nombre más cercano: Suave tono claro de amarillo
- Familia de color: Amarillo, suave tono claro de amarillo
- Clase de Tailwind más cercana: orange-300
- Gama: Dentro de sRGB: se ve igual en cualquier pantalla.
- Contraste con blanco: 1.79:1
- Contraste con negro: 11.72:1

## Más claros (con blanco)

#ccc475, #d1ca84, #d6d092, #dbd6a0, #e0dcae, #e5e2bb, #eae8c9, #efedd7, #f4f3e4, #faf9f2

## Más oscuros (con negro)

#ccc475, #b1aa65, #979155, #7e7846, #656137, #4e4a29, #37351c, #22210f, #0f0e05, #020201

## Más sobrios (con gris)

#ccc475, #cbc47e, #cac486, #c8c38e, #c7c396, #c6c39d, #c5c2a5, #c4c2ac, #c3c2b3, #c2c1ba

## Armonías

- Complementaria: #ccc475, #b8b8ff
- Dividida: #ccc475, #92c5ff, #d8aeef
- Análoga: #ccc475, #e8b775, #a7cf8c
- Triádica: #ccc475, #71cff1, #efa7d2
- Tetrádica: #ccc475, #80d6ae, #b8b8ff, #efa7d2
- Cuadrada: #ccc475, #68d5d3, #b8b8ff, #fba6ae
- Monocromática: #ccc475, #827a29, #a69e50, #f3eb9b, #fff9a8

## Preguntas sobre #ccc475

### ¿Qué color es #ccc475?

#ccc475 es un suave tono claro de amarillo. El color con nombre más cercano es Suave tono claro de amarillo. En RGB es rgb(204, 196, 117), en HSL hsl(54.48, 46.03%, 62.94%) y en OKLCH oklch(80.94% 0.10096 103.349).

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

El color complementario de #ccc475 es #b8b8ff. Para una combinación más tranquila, usa los colores análogos #e8b775 y #a7cf8c. Los colores de la tríada son #71cff1 y #efa7d2.

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

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

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

#ccc475 es un color neutro. En OKLCH su matiz es de 103 grados, su luminosidad 80,9 % y su croma 0.101.