# #cc673c color: Terracotta

#cc673c is rgb(204, 103, 60) in RGB and oklch(62.532% 0.14046 42.62) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #cc673c |
| RGB | rgb(204, 103, 60) |
| HSL | hsl(17.92, 58.54%, 51.76%) |
| HSB / HSV | hsv(17.92 70.59% 80%) |
| HWB | hwb(17.92 23.53% 20%) |
| CMYK | cmyk(0% 50% 71% 20%) |
| Lab | lab(55.51 38.64 42.78) |
| LCH | lch(55.51 57.65 47.91) |
| OKLab | oklab(62.532% 0.10336 0.09511) |
| OKLCH | oklch(62.532% 0.14046 42.62) |
| Display P3 | color(display-p3 0.74883 0.42514 0.27458) |
| Rec. 2020 | color(rec2020 0.64905 0.39194 0.21595) |
| Adobe RGB | color(a98-rgb 0.70972 0.40316 0.25355) |
| ProPhoto RGB | color(prophoto-rgb 0.57621 0.38469 0.21951) |
| Linear sRGB | color(srgb-linear 0.60383 0.13563 0.04519) |
| XYZ D65 | color(xyz-d65 0.30567 0.22866 0.07079) |
| XYZ D50 | color(xyz-d50 0.32201 0.23432 0.05384) |
| SwiftUI | Color(red: 0.8, green: 0.404, blue: 0.235) |
| UIKit | UIColor(red: 0.8, green: 0.404, blue: 0.235, alpha: 1) |
| Flutter / Compose | Color(0xFFCC673C) |
| Android XML | #CC673C |

## 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.77:1
- Contrast with black: 5.57:1

## Tints

#cc673c, #d37751, #d98665, #df9578, #e5a58b, #eab49e, #efc3b1, #f3d2c4, #f8e1d8, #fcf0eb

## Shades

#cc673c, #b15933, #974b2a, #7e3d21, #653019, #4e2311, #37170a, #220c04, #0f0401, #020000

## Tones

#cc673c, #c66b46, #c06f4f, #ba7357, #b3775e, #ad7a66, #a67d6d, #9f8074, #97837b, #908581

## Harmonies

- Complementary: #cc673c, #0098c3
- Split: #cc673c, #009f9c, #418ada
- Analogous: #cc673c, #ce5f70, #ba7700
- Triadic: #cc673c, #00a16e, #7d7ad9
- Tetradic: #cc673c, #988a00, #0098c3, #7d7ad9
- Square: #cc673c, #669937, #0098c3, #a56cc4
- Monochromatic: #cc673c, #7c1c00, #a44212, #f58c61, #ffbd9e

## Questions about #cc673c

### What color is #cc673c?

#cc673c is bright orange. The closest named color is Terracotta. In RGB it is rgb(204, 103, 60), in HSL hsl(17.92, 58.54%, 51.76%) and in OKLCH oklch(62.532% 0.14046 42.62).

### What colors go well with #cc673c?

The complementary color of #cc673c is #0098c3. For a calmer combination use the analogous colors #ce5f70 and #ba7700. The triadic partners are #00a16e and #7d7ad9.

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

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

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

#cc673c is a warm color. In OKLCH its hue is 43 degrees, its lightness 62.5% and its chroma 0.14.