# #c48849 color: Tassel

#c48849 is rgb(196, 136, 73) in RGB and oklch(67.426% 0.10833 65.447) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #c48849 |
| RGB | rgb(196, 136, 73) |
| HSL | hsl(30.73, 51.04%, 52.75%) |
| HSB / HSV | hsv(30.73 62.76% 76.86%) |
| HWB | hwb(30.73 28.63% 23.14%) |
| CMYK | cmyk(0% 31% 63% 23%) |
| Lab | lab(61.94 19.02 42.82) |
| LCH | lch(61.94 46.86 66.05) |
| OKLab | oklab(67.426% 0.04502 0.09854) |
| OKLCH | oklch(67.426% 0.10833 65.447) |
| Display P3 | color(display-p3 0.73385 0.54332 0.32808) |
| Rec. 2020 | color(rec2020 0.65286 0.50575 0.27341) |
| Adobe RGB | color(a98-rgb 0.7059 0.52871 0.30611) |
| ProPhoto RGB | color(prophoto-rgb 0.58658 0.48438 0.27193) |
| Linear sRGB | color(srgb-linear 0.55201 0.2462 0.06663) |
| XYZ D65 | color(xyz-d65 0.32771 0.29826 0.10335) |
| XYZ D50 | color(xyz-d50 0.34507 0.30336 0.07917) |
| SwiftUI | Color(red: 0.769, green: 0.533, blue: 0.286) |
| UIKit | UIColor(red: 0.769, green: 0.533, blue: 0.286, alpha: 1) |
| Flutter / Compose | Color(0xFFC48849) |
| Android XML | #C48849 |

## Facts

- Closest name: Tassel
- Hue family: Amber, bright amber
- Closest Tailwind class: yellow-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.02:1
- Contrast with black: 6.97:1

## Tints

#c48849, #ca945d, #d1a06f, #d7ab81, #ddb793, #e3c3a5, #e9cfb7, #eedbc9, #f4e7db, #faf3ed

## Shades

#c48849, #aa753e, #916334, #78522a, #614120, #4a3117, #35220e, #211306, #0e0602, #020100

## Tones

#c48849, #c08a53, #bb8c5c, #b78d64, #b38f6c, #ae9074, #aa927b, #a59382, #a09489, #9b9590

## Harmonies

- Complementary: #c48849, #599dd5
- Split: #c48849, #2da7c0, #8491d9
- Analogous: #c48849, #d07d68, #ab9640
- Triadic: #c48849, #2caca0, #a685cc
- Tetradic: #c48849, #87a255, #599dd5, #a685cc
- Square: #c48849, #5aaa79, #599dd5, #c07cb1
- Monochromatic: #c48849, #784200, #9d6421, #ecad6e, #ffd7a4

## Questions about #c48849

### What color is #c48849?

#c48849 is bright amber. The closest named color is Tassel. In RGB it is rgb(196, 136, 73), in HSL hsl(30.73, 51.04%, 52.75%) and in OKLCH oklch(67.426% 0.10833 65.447).

### What colors go well with #c48849?

The complementary color of #c48849 is #599dd5. For a calmer combination use the analogous colors #d07d68 and #ab9640. The triadic partners are #2caca0 and #a685cc.

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

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

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

#c48849 is a warm color. In OKLCH its hue is 65 degrees, its lightness 67.4% and its chroma 0.108.