# #caaa50 color: Yellow Lupine

#caaa50 is rgb(202, 170, 80) in RGB and oklch(74.871% 0.11517 89.807) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/caaa50

## Formats

| Format | Value |
| --- | --- |
| HEX | #caaa50 |
| RGB | rgb(202, 170, 80) |
| HSL | hsl(44.26, 53.51%, 55.29%) |
| HSB / HSV | hsv(44.26 60.4% 79.22%) |
| HWB | hwb(44.26 31.37% 20.78%) |
| CMYK | cmyk(0% 16% 60% 21%) |
| Lab | lab(71.18 4.4 49.86) |
| LCH | lch(71.18 50.05 84.95) |
| OKLab | oklab(74.871% 0.00039 0.11517) |
| OKLCH | oklch(74.871% 0.11517 89.807) |
| Display P3 | color(display-p3 0.7718 0.67133 0.3691) |
| Rec. 2020 | color(rec2020 0.71005 0.63778 0.31915) |
| Adobe RGB | color(a98-rgb 0.75366 0.66074 0.34036) |
| ProPhoto RGB | color(prophoto-rgb 0.64692 0.61058 0.31734) |
| Linear sRGB | color(srgb-linear 0.59062 0.40198 0.08022) |
| XYZ D65 | color(xyz-d65 0.40178 0.41886 0.13558) |
| XYZ D50 | color(xyz-d50 0.42385 0.42444 0.10453) |
| SwiftUI | Color(red: 0.792, green: 0.667, blue: 0.314) |
| UIKit | UIColor(red: 0.792, green: 0.667, blue: 0.314, alpha: 1) |
| Flutter / Compose | Color(0xFFCAAA50) |
| Android XML | #CAAA50 |

## Facts

- Closest name: Yellow Lupine
- Hue family: Yellow, bright light yellow
- Closest Tailwind class: yellow-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.24:1
- Contrast with black: 9.38:1

## Tints

#caaa50, #cfb364, #d5bb77, #dac489, #dfcc9a, #e4d5ab, #eaddbc, #efe6cd, #f4eedd, #faf7ee

## Shades

#caaa50, #af9344, #957d39, #7c682e, #645324, #4d3f1a, #372d10, #221b07, #0f0b02, #020100

## Tones

#caaa50, #c7ab5c, #c4ab67, #c1ac71, #bfac7b, #bcac84, #b9ad8d, #b6ad95, #b3ad9d, #b0ada5

## Harmonies

- Complementary: #caaa50, #91aaf7
- Split: #caaa50, #63b7ef, #b89dec
- Analogous: #caaa50, #e39b5f, #a4b861
- Triadic: #caaa50, #3ac1d5, #d792d0
- Tetradic: #caaa50, #76c286, #91aaf7, #d792d0
- Square: #caaa50, #46c5b0, #91aaf7, #e98eab
- Monochromatic: #caaa50, #7f6100, #a48525, #f1d177, #fff3ad

## Questions about #caaa50

### What color is #caaa50?

#caaa50 is bright light yellow. The closest named color is Yellow Lupine. In RGB it is rgb(202, 170, 80), in HSL hsl(44.26, 53.51%, 55.29%) and in OKLCH oklch(74.871% 0.11517 89.807).

### What colors go well with #caaa50?

The complementary color of #caaa50 is #91aaf7. For a calmer combination use the analogous colors #e39b5f and #a4b861. The triadic partners are #3ac1d5 and #d792d0.

### Is white or black text more readable on #caaa50?

Black text reads better on #caaa50: white gives a contrast ratio of 2.24:1 and black gives 9.38:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #caaa50 a warm or cool color?

#caaa50 is a warm color. In OKLCH its hue is 90 degrees, its lightness 74.9% and its chroma 0.115.