# #cc673d color: Terracotta

#cc673d is rgb(204, 103, 61) in RGB and oklch(62.544% 0.14009 42.252) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #cc673d |
| RGB | rgb(204, 103, 61) |
| HSL | hsl(17.62, 58.37%, 51.96%) |
| HSB / HSV | hsv(17.62 70.1% 80%) |
| HWB | hwb(17.62 23.92% 20%) |
| CMYK | cmyk(0% 50% 70% 20%) |
| Lab | lab(55.52 38.67 42.27) |
| LCH | lch(55.52 57.3 47.55) |
| OKLab | oklab(62.544% 0.10369 0.0942) |
| OKLCH | oklch(62.544% 0.14009 42.252) |
| Display P3 | color(display-p3 0.74883 0.42514 0.27758) |
| Rec. 2020 | color(rec2020 0.6491 0.39196 0.21894) |
| Adobe RGB | color(a98-rgb 0.70972 0.40316 0.25686) |
| ProPhoto RGB | color(prophoto-rgb 0.57639 0.38474 0.22189) |
| Linear sRGB | color(srgb-linear 0.60383 0.13563 0.04667) |
| XYZ D65 | color(xyz-d65 0.30594 0.22877 0.0722) |
| XYZ D50 | color(xyz-d50 0.32222 0.23441 0.0549) |
| SwiftUI | Color(red: 0.8, green: 0.404, blue: 0.239) |
| UIKit | UIColor(red: 0.8, green: 0.404, blue: 0.239, alpha: 1) |
| Flutter / Compose | Color(0xFFCC673D) |
| Android XML | #CC673D |

## 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

#cc673d, #d37752, #d98665, #df9579, #e5a58b, #eab49e, #efc3b1, #f3d2c5, #f8e1d8, #fcf0eb

## Shades

#cc673d, #b15934, #974b2b, #7e3d22, #65301a, #4e2312, #37170a, #220c04, #0f0401, #020000

## Tones

#cc673d, #c66b47, #c06f4f, #ba7357, #b3775f, #ad7a66, #a67d6d, #9f8074, #97837b, #908581

## Harmonies

- Complementary: #cc673d, #0098c3
- Split: #cc673d, #009f9c, #418bd9
- Analogous: #cc673d, #cd5f71, #ba7700
- Triadic: #cc673d, #00a16e, #7c7bd9
- Tetradic: #cc673d, #998a00, #0098c3, #7c7bd9
- Square: #cc673d, #669937, #0098c3, #a46cc4
- Monochromatic: #cc673d, #7c1c00, #a44214, #f58c62, #ffbd9f

## Questions about #cc673d

### What color is #cc673d?

#cc673d is bright orange. The closest named color is Terracotta. In RGB it is rgb(204, 103, 61), in HSL hsl(17.62, 58.37%, 51.96%) and in OKLCH oklch(62.544% 0.14009 42.252).

### What colors go well with #cc673d?

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

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

White text reads better on #cc673d: 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 #cc673d a warm or cool color?

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