# Cor #ccbc64: Suave tom claro de amarelo

#ccbc64 é rgb(204, 188, 100) em RGB e oklch(79.023% 0.11084 99.215) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Fonte: https://pickshade.com/pt/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 linear | 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 |

## Dados

- Nome mais próximo: Suave tom claro de amarelo
- Família de matiz: Amarelo, suave tom claro de amarelo
- Classe do Tailwind mais próxima: yellow-500
- Gamut: Dentro do sRGB: aparece igual em qualquer tela.
- Contraste com branco: 1.92:1
- Contraste com preto: 10.94:1

## Versões mais claras

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

## Versões mais escuras

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

## Versões acinzentadas

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

## Harmonias

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

## Perguntas sobre #ccbc64

### Que cor é #ccbc64?

#ccbc64 é um suave tom claro de amarelo. A cor com nome mais próxima é Suave tom claro de amarelo. Em RGB é rgb(204, 188, 100), em HSL hsl(50.77, 50.49%, 59.61%) e em OKLCH oklch(79.023% 0.11084 99.215).

### Quais cores combinam com #ccbc64?

A cor complementar de #ccbc64 é #abb3ff. Para uma combinação mais tranquila, use as cores análogas #e9ad68 e #a4c97b. As parceiras da tríade são #5bcbeb e #ea9ed2.

### Texto branco ou preto é mais legível sobre #ccbc64?

O texto preto é mais legível sobre #ccbc64: o branco dá uma razão de contraste de 1.92:1 e o preto, 10.94:1. O WCAG AA pede pelo menos 4,5:1 para texto corrido.

### #ccbc64 é uma cor quente ou fria?

#ccbc64 é uma cor quente. Em OKLCH, o matiz é de 99 graus, a luminosidade 79% e o croma 0.111.