# #cc8552 color: Caramel Bar

#cc8552 is rgb(204, 133, 82) in RGB and oklch(67.934% 0.11013 55.357) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #cc8552 |
| RGB | rgb(204, 133, 82) |
| HSL | hsl(25.08, 54.46%, 56.08%) |
| HSB / HSV | hsv(25.08 59.8% 80%) |
| HWB | hwb(25.08 32.16% 20%) |
| CMYK | cmyk(0% 35% 60% 20%) |
| Lab | lab(62.31 24.4 38.95) |
| LCH | lch(62.31 45.96 57.93) |
| OKLab | oklab(67.934% 0.06261 0.09061) |
| OKLCH | oklch(67.934% 0.11013 55.357) |
| Display P3 | color(display-p3 0.76002 0.53394 0.35605) |
| Rec. 2020 | color(rec2020 0.6756 0.49859 0.30129) |
| Adobe RGB | color(a98-rgb 0.72875 0.51718 0.33551) |
| ProPhoto RGB | color(prophoto-rgb 0.60845 0.47982 0.29459) |
| Linear sRGB | color(srgb-linear 0.60383 0.23455 0.08438) |
| XYZ D65 | color(xyz-d65 0.34811 0.30223 0.11983) |
| XYZ D50 | color(xyz-d50 0.36572 0.30761 0.09143) |
| SwiftUI | Color(red: 0.8, green: 0.522, blue: 0.322) |
| UIKit | UIColor(red: 0.8, green: 0.522, blue: 0.322, alpha: 1) |
| Flutter / Compose | Color(0xFFCC8552) |
| Android XML | #CC8552 |

## Facts

- Closest name: Caramel Bar
- Hue family: Orange, soft orange
- Closest Tailwind class: yellow-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.98:1
- Contrast with black: 7.04:1

## Tints

#cc8552, #d29164, #d89d75, #dda987, #e2b698, #e8c2a9, #edceba, #f1dacb, #f6e6dc, #fbf3ee

## Shades

#cc8552, #b17346, #97613b, #7e502f, #654025, #4e301a, #372111, #221308, #0f0602, #020100

## Tones

#cc8552, #c7875a, #c28a62, #be8c6a, #b98e71, #b39078, #ae927e, #a99385, #a3958b, #9e9692

## Harmonies

- Complementary: #cc8552, #4aa2d2
- Split: #cc8552, #21abb9, #7796dc
- Analogous: #cc8552, #d47c75, #b7933f
- Triadic: #cc8552, #39ae95, #9d8ad5
- Tetradic: #cc8552, #95a04c, #4aa2d2, #9d8ad5
- Square: #cc8552, #6aaa6d, #4aa2d2, #bb80bd
- Monochromatic: #cc8552, #7f3e00, #a5612d, #f4aa77, #ffd8b5

## Questions about #cc8552

### What color is #cc8552?

#cc8552 is soft orange. The closest named color is Caramel Bar. In RGB it is rgb(204, 133, 82), in HSL hsl(25.08, 54.46%, 56.08%) and in OKLCH oklch(67.934% 0.11013 55.357).

### What colors go well with #cc8552?

The complementary color of #cc8552 is #4aa2d2. For a calmer combination use the analogous colors #d47c75 and #b7933f. The triadic partners are #39ae95 and #9d8ad5.

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

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

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

#cc8552 is a warm color. In OKLCH its hue is 55 degrees, its lightness 67.9% and its chroma 0.11.