# #673a4d color: Crushed Violets

#673a4d is rgb(103, 58, 77) in RGB and oklch(40.983% 0.06846 353.731) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/673a4d

## Formats

| Format | Value |
| --- | --- |
| HEX | #673a4d |
| RGB | rgb(103, 58, 77) |
| HSL | hsl(334.67, 27.95%, 31.57%) |
| HSB / HSV | hsv(334.67 43.69% 40.39%) |
| HWB | hwb(334.67 22.75% 59.61%) |
| CMYK | cmyk(0% 44% 25% 60%) |
| Lab | lab(30.64 22.4 -2.59) |
| LCH | lch(30.64 22.55 353.4) |
| OKLab | oklab(40.983% 0.06805 -0.00748) |
| OKLCH | oklch(40.983% 0.06846 353.731) |
| Display P3 | color(display-p3 0.37967 0.23589 0.29942) |
| Rec. 2020 | color(rec2020 0.29466 0.18397 0.23801) |
| Adobe RGB | color(a98-rgb 0.36509 0.23738 0.304) |
| ProPhoto RGB | color(prophoto-rgb 0.27231 0.1943 0.23094) |
| Linear sRGB | color(srgb-linear 0.13563 0.04231 0.07421) |
| XYZ D65 | color(xyz-d65 0.08446 0.06446 0.07821) |
| XYZ D50 | color(xyz-d50 0.08606 0.06501 0.05899) |
| SwiftUI | Color(red: 0.404, green: 0.227, blue: 0.302) |
| UIKit | UIColor(red: 0.404, green: 0.227, blue: 0.302, alpha: 1) |
| Flutter / Compose | Color(0xFF673A4D) |
| Android XML | #673A4D |

## Facts

- Closest name: Crushed Violets
- Hue family: Pink, soft dark pink
- Closest Tailwind class: mauve-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 9.17:1
- Contrast with black: 2.29:1

## Tints

#673a4d, #764c5d, #855e6d, #94717e, #a38490, #b298a1, #c1acb3, #d1c0c6, #e0d5d9, #efeaec

## Shades

#673a4d, #593142, #4b2837, #3d202c, #301822, #231018, #17090f, #0c0407, #040102, #000000

## Tones

#673a4d, #643c4d, #623e4c, #5f3f4c, #5c414c, #5a434c, #57444b, #54464b, #51474b, #4e494a

## Harmonies

- Complementary: #673a4d, #165647
- Split: #673a4d, #325432, #04555b
- Analogous: #673a4d, #5c3d5f, #6b3b38
- Triadic: #673a4d, #4a4e1f, #1d506a
- Tetradic: #673a4d, #673f25, #165647, #1d506a
- Square: #673a4d, #5c4719, #165647, #374a70
- Monochromatic: #673a4d, #230011, #441b2e, #8b5b6f, #b17e92

## Questions about #673a4d

### What color is #673a4d?

#673a4d is soft dark pink. The closest named color is Crushed Violets. In RGB it is rgb(103, 58, 77), in HSL hsl(334.67, 27.95%, 31.57%) and in OKLCH oklch(40.983% 0.06846 353.731).

### What colors go well with #673a4d?

The complementary color of #673a4d is #165647. For a calmer combination use the analogous colors #5c3d5f and #6b3b38. The triadic partners are #4a4e1f and #1d506a.

### Is white or black text more readable on #673a4d?

White text reads better on #673a4d: white gives a contrast ratio of 9.17:1 and black gives 2.29:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #673a4d a warm or cool color?

#673a4d is a warm color. In OKLCH its hue is 354 degrees, its lightness 41% and its chroma 0.068.