# #ccc456 color: Anime

#ccc456 is rgb(204, 196, 86) in RGB and oklch(80.538% 0.13166 105.114) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #ccc456 |
| RGB | rgb(204, 196, 86) |
| HSL | hsl(55.93, 53.64%, 56.86%) |
| HSB / HSV | hsv(55.93 57.84% 80%) |
| HWB | hwb(55.93 33.73% 20%) |
| CMYK | cmyk(0% 4% 58% 20%) |
| Lab | lab(78.21 -7.3 54.84) |
| LCH | lch(78.21 55.33 97.58) |
| OKLab | oklab(80.538% -0.03433 0.12711) |
| OKLCH | oklch(80.538% 0.13166 105.114) |
| Display P3 | color(display-p3 0.79455 0.7697 0.40304) |
| Rec. 2020 | color(rec2020 0.75069 0.74096 0.35716) |
| Adobe RGB | color(a98-rgb 0.78613 0.76324 0.36948) |
| ProPhoto RGB | color(prophoto-rgb 0.6916 0.71317 0.35583) |
| Linear sRGB | color(srgb-linear 0.60383 0.55201 0.09306) |
| XYZ D65 | color(xyz-d65 0.4632 0.5299 0.16592) |
| XYZ D50 | color(xyz-d50 0.48923 0.53572 0.12845) |
| SwiftUI | Color(red: 0.8, green: 0.769, blue: 0.337) |
| UIKit | UIColor(red: 0.8, green: 0.769, blue: 0.337, alpha: 1) |
| Flutter / Compose | Color(0xFFCCC456) |
| Android XML | #CCC456 |

## Facts

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

## Tints

#ccc456, #d1ca6a, #d6d07d, #dbd68e, #e0dc9f, #e5e2b0, #eae8c0, #efeed0, #f4f4e0, #faf9ef

## Shades

#ccc456, #b1aa4a, #97913e, #7e7832, #656127, #4e4a1c, #373512, #222108, #0f0e02, #020200

## Tones

#ccc456, #cbc464, #c9c471, #c8c37c, #c6c387, #c5c291, #c4c29b, #c3c1a4, #c1c1ae, #c0c0b6

## Harmonies

- Complementary: #ccc456, #b7b4ff
- Split: #ccc456, #89c3ff, #e0a5fa
- Analogous: #ccc456, #f1b254, #9ad27a
- Triadic: #ccc456, #49d1ff, #fc9cd3
- Tetradic: #ccc456, #5edaaa, #b7b4ff, #fc9cd3
- Square: #ccc456, #27d9da, #b7b4ff, #ff9ba4
- Monochromatic: #ccc456, #827900, #a69e29, #f3ec7e, #fffb8d

## Questions about #ccc456

### What color is #ccc456?

#ccc456 is bright light yellow. The closest named color is Anime. In RGB it is rgb(204, 196, 86), in HSL hsl(55.93, 53.64%, 56.86%) and in OKLCH oklch(80.538% 0.13166 105.114).

### What colors go well with #ccc456?

The complementary color of #ccc456 is #b7b4ff. For a calmer combination use the analogous colors #f1b254 and #9ad27a. The triadic partners are #49d1ff and #fc9cd3.

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

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

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

#ccc456 is a neutral color. In OKLCH its hue is 105 degrees, its lightness 80.5% and its chroma 0.132.