# Color #ccbc96: Apagado tono claro de amarillo

#ccbc96 es rgb(204, 188, 150) en RGB y oklch(79.897% 0.05422 87.874) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

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

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #ccbc96 |
| RGB | rgb(204, 188, 150) |
| HSL | hsl(42.22, 34.62%, 69.41%) |
| HSB / HSV | hsv(42.22 26.47% 80%) |
| HWB | hwb(42.22 58.82% 20%) |
| CMYK | cmyk(0% 8% 26% 20%) |
| Lab | lab(76.88 1.51 21.47) |
| LCH | lch(76.88 21.52 85.98) |
| OKLab | oklab(79.897% 0.00201 0.05418) |
| OKLCH | oklch(79.897% 0.05422 87.874) |
| Display P3 | color(display-p3 0.78933 0.73945 0.605) |
| Rec. 2020 | color(rec2020 0.74594 0.71093 0.56574) |
| Adobe RGB | color(a98-rgb 0.77758 0.73157 0.5898) |
| ProPhoto RGB | color(prophoto-rgb 0.70167 0.68585 0.54315) |
| sRGB lineal | color(srgb-linear 0.60383 0.50289 0.30499) |
| XYZ D65 | color(xyz-d65 0.48388 0.51006 0.36151) |
| XYZ D50 | color(xyz-d50 0.50063 0.51335 0.27502) |
| SwiftUI | Color(red: 0.8, green: 0.737, blue: 0.588) |
| UIKit | UIColor(red: 0.8, green: 0.737, blue: 0.588, alpha: 1) |
| Flutter / Compose | Color(0xFFCCBC96) |
| Android XML | #CCBC96 |

## Datos

- Nombre más cercano: Apagado tono claro de amarillo
- Familia de color: Amarillo, apagado tono claro de amarillo
- Clase de Tailwind más cercana: olive-400
- Gama: Dentro de sRGB: se ve igual en cualquier pantalla.
- Contraste con blanco: 1.87:1
- Contraste con negro: 11.2:1

## Más claros (con blanco)

#ccbc96, #d1c3a0, #d6c9ab, #dbd0b5, #e0d7c0, #e5ddca, #eae4d5, #f0ebdf, #f5f1ea, #faf8f4

## Más oscuros (con negro)

#ccbc96, #b1a382, #978b6e, #7e735b, #655d49, #4e4737, #373226, #221f16, #0f0d08, #020201

## Más sobrios (con gris)

#ccbc96, #cbbc9a, #c9bc9e, #c8bda2, #c6bda6, #c5bdaa, #c3bdae, #c2bdb2, #c0bdb6, #bfbdb9

## Armonías

- Complementaria: #ccbc96, #aebde1
- Dividida: #ccbc96, #9dc3dd, #c1b7dd
- Análoga: #ccbc96, #d9b59c, #bac39b
- Triádica: #ccbc96, #95c8d0, #d1b2cf
- Tetrádica: #ccbc96, #a7c8aa, #aebde1, #d1b2cf
- Cuadrada: #ccbc96, #98c9bd, #aebde1, #dcafbd
- Monocromática: #ccbc96, #82734f, #a69772, #f3e3bc, #fff4cc

## Preguntas sobre #ccbc96

### ¿Qué color es #ccbc96?

#ccbc96 es un apagado tono claro de amarillo. El color con nombre más cercano es Apagado tono claro de amarillo. En RGB es rgb(204, 188, 150), en HSL hsl(42.22, 34.62%, 69.41%) y en OKLCH oklch(79.897% 0.05422 87.874).

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

El color complementario de #ccbc96 es #aebde1. Para una combinación más tranquila, usa los colores análogos #d9b59c y #bac39b. Los colores de la tríada son #95c8d0 y #d1b2cf.

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

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

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

#ccbc96 es un color cálido. En OKLCH su matiz es de 88 grados, su luminosidad 79,9 % y su croma 0.054.