# #cc6840 color: Terracotta

#cc6840 is rgb(204, 104, 64) in RGB and oklch(62.739% 0.13813 41.7) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #cc6840 |
| RGB | rgb(204, 104, 64) |
| HSL | hsl(17.14, 57.85%, 52.55%) |
| HSB / HSV | hsv(17.14 68.63% 80%) |
| HWB | hwb(17.14 25.1% 20%) |
| CMYK | cmyk(0% 49% 69% 20%) |
| Lab | lab(55.76 38.3 40.96) |
| LCH | lch(55.76 56.07 46.92) |
| OKLab | oklab(62.739% 0.10313 0.09189) |
| OKLCH | oklch(62.739% 0.13813 41.7) |
| Display P3 | color(display-p3 0.74915 0.4287 0.28711) |
| Rec. 2020 | color(rec2020 0.64999 0.39542 0.2286) |
| Adobe RGB | color(a98-rgb 0.71027 0.40692 0.26713) |
| ProPhoto RGB | color(prophoto-rgb 0.57775 0.3878 0.22977) |
| Linear sRGB | color(srgb-linear 0.60383 0.13843 0.05127) |
| XYZ D65 | color(xyz-d65 0.30777 0.2311 0.07691) |
| XYZ D50 | color(xyz-d50 0.32396 0.2367 0.05846) |
| SwiftUI | Color(red: 0.8, green: 0.408, blue: 0.251) |
| UIKit | UIColor(red: 0.8, green: 0.408, blue: 0.251, alpha: 1) |
| Flutter / Compose | Color(0xFFCC6840) |
| Android XML | #CC6840 |

## Facts

- Closest name: Terracotta
- Hue family: Orange, bright orange
- Closest Tailwind class: amber-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.74:1
- Contrast with black: 5.62:1

## Tints

#cc6840, #d37854, #d98767, #df967a, #e5a58d, #eab4a0, #efc3b2, #f3d2c5, #f8e1d8, #fbf0ec

## Shades

#cc6840, #b15936, #974b2d, #7e3e24, #65301b, #4e2413, #37180b, #220c05, #0f0401, #020000

## Tones

#cc6840, #c66c49, #c07051, #ba7459, #b37761, #ad7b68, #a67e6e, #9f8175, #98837c, #908682

## Harmonies

- Complementary: #cc6840, #0099c3
- Split: #cc6840, #00a09c, #418bd9
- Analogous: #cc6840, #cd6172, #bb7800
- Triadic: #cc6840, #00a16e, #7c7cd9
- Tetradic: #cc6840, #9a8a00, #0099c3, #7c7cd9
- Square: #cc6840, #699938, #0099c3, #a46ec4
- Monochromatic: #cc6840, #7c1e00, #a44419, #f58d65, #ffbea1

## Questions about #cc6840

### What color is #cc6840?

#cc6840 is bright orange. The closest named color is Terracotta. In RGB it is rgb(204, 104, 64), in HSL hsl(17.14, 57.85%, 52.55%) and in OKLCH oklch(62.739% 0.13813 41.7).

### What colors go well with #cc6840?

The complementary color of #cc6840 is #0099c3. For a calmer combination use the analogous colors #cd6172 and #bb7800. The triadic partners are #00a16e and #7c7cd9.

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

White text reads better on #cc6840: white gives a contrast ratio of 3.74:1 and black gives 5.62:1. WCAG AA asks for at least 4.5:1 for body text.

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

#cc6840 is a warm color. In OKLCH its hue is 42 degrees, its lightness 62.7% and its chroma 0.138.