# Color #bbaa67: Suave tono claro de amarillo

#bbaa67 es rgb(187, 170, 103) en RGB y oklch(73.754% 0.0892 95.574) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

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

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #bbaa67 |
| RGB | rgb(187, 170, 103) |
| HSL | hsl(47.86, 38.18%, 56.86%) |
| HSB / HSV | hsv(47.86 44.92% 73.33%) |
| HWB | hwb(47.86 40.39% 26.67%) |
| CMYK | cmyk(0% 9% 45% 27%) |
| Lab | lab(69.96 -0.47 36.76) |
| LCH | lch(69.96 36.76 90.74) |
| OKLab | oklab(73.754% -0.00866 0.08878) |
| OKLCH | oklch(73.754% 0.0892 95.574) |
| Display P3 | color(display-p3 0.72208 0.66902 0.43802) |
| Rec. 2020 | color(rec2020 0.66818 0.63305 0.38933) |
| Adobe RGB | color(a98-rgb 0.70933 0.66074 0.41767) |
| ProPhoto RGB | color(prophoto-rgb 0.61332 0.60425 0.37739) |
| sRGB lineal | color(srgb-linear 0.49693 0.40198 0.13563) |
| XYZ D65 | color(xyz-d65 0.37315 0.40294 0.18644) |
| XYZ D50 | color(xyz-d50 0.39092 0.40696 0.1428) |
| SwiftUI | Color(red: 0.733, green: 0.667, blue: 0.404) |
| UIKit | UIColor(red: 0.733, green: 0.667, blue: 0.404, alpha: 1) |
| Flutter / Compose | Color(0xFFBBAA67) |
| Android XML | #BBAA67 |

## 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: olive-400
- Gama: Dentro de sRGB: se ve igual en cualquier pantalla.
- Contraste con blanco: 2.32:1
- Contraste con negro: 9.06:1

## Más claros (con blanco)

#bbaa67, #c2b277, #c8bb86, #cfc395, #d6cca4, #dcd4b3, #e3ddc2, #eae5d2, #f1eee1, #f8f6f0

## Más oscuros (con negro)

#bbaa67, #a29359, #8a7d4b, #73683d, #5c5330, #463f23, #322d17, #1f1b0c, #0d0b04, #020100

## Más sobrios (con gris)

#bbaa67, #b9aa6f, #b8aa76, #b6aa7d, #b4aa84, #b2aa8b, #b1aa91, #afaa98, #adaa9e, #acaaa4

## Armonías

- Complementaria: #bbaa67, #9aa6e3
- Dividida: #bbaa67, #7ab0df, #b89cd7
- Análoga: #bbaa67, #d19f6d, #9cb476
- Triádica: #bbaa67, #61b8ce, #ce95c0
- Tetrádica: #bbaa67, #7bbb92, #9aa6e3, #ce95c0
- Cuadrada: #bbaa67, #61bdb2, #9aa6e3, #db92a2
- Monocromática: #bbaa67, #72621c, #968542, #e2d08c, #fff6b0

## Preguntas sobre #bbaa67

### ¿Qué color es #bbaa67?

#bbaa67 es un suave tono claro de amarillo. El color con nombre más cercano es Suave tono claro de amarillo. En RGB es rgb(187, 170, 103), en HSL hsl(47.86, 38.18%, 56.86%) y en OKLCH oklch(73.754% 0.0892 95.574).

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

El color complementario de #bbaa67 es #9aa6e3. Para una combinación más tranquila, usa los colores análogos #d19f6d y #9cb476. Los colores de la tríada son #61b8ce y #ce95c0.

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

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

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

#bbaa67 es un color cálido. En OKLCH su matiz es de 96 grados, su luminosidad 73,8 % y su croma 0.089.
