# #ccb500 color: Mustard

#ccb500 is rgb(204, 181, 0) in RGB and oklch(76.911% 0.15995 100.108) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #ccb500 |
| RGB | rgb(204, 181, 0) |
| HSL | hsl(53.24, 100%, 40%) |
| HSB / HSV | hsv(53.24 100% 80%) |
| HWB | hwb(53.24 0% 20%) |
| CMYK | cmyk(0% 11% 100% 20%) |
| Lab | lab(73.91 -2.23 74.78) |
| LCH | lch(73.91 74.81 91.71) |
| OKLab | oklab(76.911% -0.02807 0.15747) |
| OKLCH | oklch(76.911% 0.15995 100.108) |
| Display P3 | color(display-p3 0.78497 0.71304 0.23146) |
| Rec. 2020 | color(rec2020 0.72751 0.6808 0.18768) |
| Adobe RGB | color(a98-rgb 0.77039 0.70395 0.16502) |
| ProPhoto RGB | color(prophoto-rgb 0.65907 0.65195 0.2182) |
| Linear sRGB | color(srgb-linear 0.60383 0.46208 0) |
| XYZ D65 | color(xyz-d65 0.41424 0.45886 0.06675) |
| XYZ D50 | color(xyz-d50 0.44128 0.4656 0.05327) |
| SwiftUI | Color(red: 0.8, green: 0.71, blue: 0) |
| UIKit | UIColor(red: 0.8, green: 0.71, blue: 0, alpha: 1) |
| Flutter / Compose | Color(0xFFCCB500) |
| Android XML | #CCB500 |

## Facts

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

## Tints

#ccb500, #d1bd3d, #d6c45a, #dbcc73, #e0d389, #e5db9d, #eae2b2, #efeac5, #f4f1d9, #faf8ec

## Shades

#ccb500, #b19d00, #978600, #7e6f00, #655900, #4e4400, #373000, #221d00, #0f0c00, #020200

## Tones

#ccb500, #c9b533, #c7b64b, #c4b65c, #c2b66c, #bfb67a, #bdb586, #bbb592, #b8b59e, #b6b4a9

## Harmonies

- Complementary: #ccb500, #a3a8ff
- Split: #ccb500, #65b9ff, #d395ff
- Analogous: #ccb500, #f39f1e, #91c851
- Triadic: #ccb500, #00cafa, #f688d4
- Tetradic: #ccb500, #34d290, #a3a8ff, #f688d4
- Square: #ccb500, #00d2ca, #a3a8ff, #ff849c
- Monochromatic: #ccb500, #7d6c00, #a58f00, #f3dc4b, #fff771

## Questions about #ccb500

### What color is #ccb500?

#ccb500 is bright light yellow. The closest named color is Mustard. In RGB it is rgb(204, 181, 0), in HSL hsl(53.24, 100%, 40%) and in OKLCH oklch(76.911% 0.15995 100.108).

### What colors go well with #ccb500?

The complementary color of #ccb500 is #a3a8ff. For a calmer combination use the analogous colors #f39f1e and #91c851. The triadic partners are #00cafa and #f688d4.

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

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

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

#ccb500 is a neutral color. In OKLCH its hue is 100 degrees, its lightness 76.9% and its chroma 0.16.