# Color #ccc170: Suave tono claro de amarillo

#ccc170 es rgb(204, 193, 112) en RGB y oklch(80.236% 0.10326 101.603) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

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

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #ccc170 |
| RGB | rgb(204, 193, 112) |
| HSL | hsl(52.83, 47.42%, 61.96%) |
| HSB / HSV | hsv(52.83 45.1% 80%) |
| HWB | hwb(52.83 43.92% 20%) |
| CMYK | cmyk(0% 5% 45% 20%) |
| Lab | lab(77.67 -4.23 42.02) |
| LCH | lch(77.67 42.23 95.75) |
| OKLab | oklab(80.236% -0.02077 0.10115) |
| OKLCH | oklch(80.236% 0.10326 101.603) |
| Display P3 | color(display-p3 0.79256 0.75835 0.48052) |
| Rec. 2020 | color(rec2020 0.74853 0.72957 0.43585) |
| Adobe RGB | color(a98-rgb 0.78288 0.75135 0.4554) |
| ProPhoto RGB | color(prophoto-rgb 0.69422 0.7026 0.42371) |
| sRGB lineal | color(srgb-linear 0.60383 0.53328 0.16203) |
| XYZ D65 | color(xyz-d65 0.46895 0.52148 0.22925) |
| XYZ D50 | color(xyz-d50 0.49188 0.52647 0.17588) |
| SwiftUI | Color(red: 0.8, green: 0.757, blue: 0.439) |
| UIKit | UIColor(red: 0.8, green: 0.757, blue: 0.439, alpha: 1) |
| Flutter / Compose | Color(0xFFCCC170) |
| Android XML | #CCC170 |

## 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.84:1
- Contraste con negro: 11.43:1

## Más claros (con blanco)

#ccc170, #d1c77f, #d6ce8e, #dbd49d, #e0daab, #e5e0b9, #eae6c7, #efedd5, #f4f3e3, #faf9f1

## Más oscuros (con negro)

#ccc170, #b1a760, #978f51, #7e7743, #655f35, #4e4927, #37341a, #22200e, #0f0e04, #020201

## Más sobrios (con gris)

#ccc170, #cbc179, #c9c182, #c8c18a, #c6c092, #c5c09a, #c4c0a2, #c2c0a9, #c1bfb0, #c0bfb7

## Armonías

- Complementaria: #ccc170, #b3b7ff
- Dividida: #ccc170, #8dc3ff, #d5abef
- Análoga: #ccc170, #e8b372, #a6cd86
- Triádica: #ccc170, #6aceee, #eda4d2
- Tetrádica: #ccc170, #7ed3aa, #b3b7ff, #eda4d2
- Cuadrada: #ccc170, #63d4cf, #b3b7ff, #f9a3ad
- Monocromática: #ccc170, #827722, #a69b4a, #f3e896, #fff8a6

## Preguntas sobre #ccc170

### ¿Qué color es #ccc170?

#ccc170 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, 193, 112), en HSL hsl(52.83, 47.42%, 61.96%) y en OKLCH oklch(80.236% 0.10326 101.603).

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

El color complementario de #ccc170 es #b3b7ff. Para una combinación más tranquila, usa los colores análogos #e8b372 y #a6cd86. Los colores de la tríada son #6aceee y #eda4d2.

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

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

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

#ccc170 es un color neutro. En OKLCH su matiz es de 102 grados, su luminosidad 80,2 % y su croma 0.103.