# #cc970c color: Retro Vibe

#cc970c is rgb(204, 151, 12) in RGB and oklch(70.823% 0.14351 82.942) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #cc970c |
| RGB | rgb(204, 151, 12) |
| HSL | hsl(43.44, 88.89%, 42.35%) |
| HSB / HSV | hsv(43.44 94.12% 80%) |
| HWB | hwb(43.44 4.71% 20%) |
| CMYK | cmyk(0% 26% 94% 20%) |
| Lab | lab(66.25 13.04 68.23) |
| LCH | lch(66.25 69.46 79.18) |
| OKLab | oklab(70.823% 0.01763 0.14242) |
| OKLCH | oklch(70.823% 0.14351 82.942) |
| Display P3 | color(display-p3 0.76835 0.60059 0.20927) |
| Rec. 2020 | color(rec2020 0.69146 0.56485 0.16019) |
| Adobe RGB | color(a98-rgb 0.74277 0.58665 0.15368) |
| ProPhoto RGB | color(prophoto-rgb 0.61944 0.53997 0.18887) |
| Linear sRGB | color(srgb-linear 0.60383 0.30947 0.00368) |
| XYZ D65 | color(xyz-d65 0.36034 0.34999 0.05205) |
| XYZ D50 | color(xyz-d50 0.38303 0.35642 0.04108) |
| SwiftUI | Color(red: 0.8, green: 0.592, blue: 0.047) |
| UIKit | UIColor(red: 0.8, green: 0.592, blue: 0.047, alpha: 1) |
| Flutter / Compose | Color(0xFFCC970C) |
| Android XML | #CC970C |

## Facts

- Closest name: Retro Vibe
- Hue family: Amber, bright light amber
- Closest Tailwind class: yellow-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.63:1
- Contrast with black: 8:1

## Tints

#cc970c, #d1a23b, #d7ac57, #dcb76f, #e1c184, #e6cb9a, #ebd6ae, #f0e0c2, #f5ead7, #faf5eb

## Shades

#cc970c, #b18309, #976f06, #7e5c04, #654903, #4e3702, #372601, #221700, #0f0800, #020100

## Tones

#cc970c, #c89830, #c49a44, #bf9b53, #bb9c61, #b79d6d, #b39e78, #ae9f83, #aaa08d, #a5a097

## Harmonies

- Complementary: #cc970c, #709ffa
- Split: #cc970c, #11afeb, #a58ef2
- Analogous: #cc970c, #e58541, #a2aa2b
- Triadic: #cc970c, #00b9c7, #cb80d4
- Tetradic: #cc970c, #66b762, #709ffa, #cb80d4
- Square: #cc970c, #00bd98, #709ffa, #e478a9
- Monochromatic: #cc970c, #795200, #a47300, #f4bd49, #ffe9a4

## Questions about #cc970c

### What color is #cc970c?

#cc970c is bright light amber. The closest named color is Retro Vibe. In RGB it is rgb(204, 151, 12), in HSL hsl(43.44, 88.89%, 42.35%) and in OKLCH oklch(70.823% 0.14351 82.942).

### What colors go well with #cc970c?

The complementary color of #cc970c is #709ffa. For a calmer combination use the analogous colors #e58541 and #a2aa2b. The triadic partners are #00b9c7 and #cb80d4.

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

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

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

#cc970c is a warm color. In OKLCH its hue is 83 degrees, its lightness 70.8% and its chroma 0.144.