# Color #ccbc64: Suave tono claro de amarillo

#ccbc64 es rgb(204, 188, 100) en RGB y oklch(79.023% 0.11084 99.215) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

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

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #ccbc64 |
| RGB | rgb(204, 188, 100) |
| HSL | hsl(50.77, 50.49%, 59.61%) |
| HSB / HSV | hsv(50.77 50.98% 80%) |
| HWB | hwb(50.77 39.22% 20%) |
| CMYK | cmyk(0% 8% 51% 20%) |
| Lab | lab(76.23 -2.59 46.16) |
| LCH | lch(76.23 46.23 93.21) |
| OKLab | oklab(79.023% -0.01775 0.10941) |
| OKLCH | oklch(79.023% 0.11084 99.215) |
| Display P3 | color(display-p3 0.78933 0.73945 0.44014) |
| Rec. 2020 | color(rec2020 0.74067 0.70948 0.3937) |
| Adobe RGB | color(a98-rgb 0.77758 0.73157 0.41283) |
| ProPhoto RGB | color(prophoto-rgb 0.68306 0.68209 0.3853) |
| sRGB lineal | color(srgb-linear 0.60383 0.50289 0.12744) |
| XYZ D65 | color(xyz-d65 0.45184 0.49725 0.19275) |
| XYZ D50 | color(xyz-d50 0.47523 0.50259 0.14823) |
| SwiftUI | Color(red: 0.8, green: 0.737, blue: 0.392) |
| UIKit | UIColor(red: 0.8, green: 0.737, blue: 0.392, alpha: 1) |
| Flutter / Compose | Color(0xFFCCBC64) |
| Android XML | #CCBC64 |

## 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: yellow-500
- Gama: Dentro de sRGB: se ve igual en cualquier pantalla.
- Contraste con blanco: 1.92:1
- Contraste con negro: 10.94:1

## Más claros (con blanco)

#ccbc64, #d1c375, #d6ca86, #dbd095, #e0d7a5, #e5deb4, #eae4c3, #efebd2, #f4f2e1, #faf8f0

## Más oscuros (con negro)

#ccbc64, #b1a356, #978b48, #7e733b, #655d2e, #4e4722, #373216, #221f0b, #0f0d03, #020200

## Más sobrios (con gris)

#ccbc64, #cabc6f, #c8bc78, #c7bc82, #c5bc8b, #c3bc93, #c1bc9b, #bfbba3, #bebbab, #bcbbb3

## Armonías

- Complementaria: #ccbc64, #abb3ff
- Dividida: #ccbc64, #81c0ff, #d0a7f1
- Análoga: #ccbc64, #e9ad68, #a4c97b
- Triádica: #ccbc64, #5bcbeb, #ea9ed2
- Tetrádica: #ccbc64, #77d1a1, #abb3ff, #ea9ed2
- Cuadrada: #ccbc64, #54d1c9, #abb3ff, #f89cab
- Monocromática: #ccbc64, #82720b, #a6963d, #f3e38b, #fff79e

## Preguntas sobre #ccbc64

### ¿Qué color es #ccbc64?

#ccbc64 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, 188, 100), en HSL hsl(50.77, 50.49%, 59.61%) y en OKLCH oklch(79.023% 0.11084 99.215).

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

El color complementario de #ccbc64 es #abb3ff. Para una combinación más tranquila, usa los colores análogos #e9ad68 y #a4c97b. Los colores de la tríada son #5bcbeb y #ea9ed2.

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

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

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

#ccbc64 es un color cálido. En OKLCH su matiz es de 99 grados, su luminosidad 79 % y su croma 0.111.