# #63583e color: Puff Dragon

#63583e is rgb(99, 88, 62) in RGB and oklch(46.395% 0.04179 87.675) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/63583e

## Formats

| Format | Value |
| --- | --- |
| HEX | #63583e |
| RGB | rgb(99, 88, 62) |
| HSL | hsl(42.16, 22.98%, 31.57%) |
| HSB / HSV | hsv(42.16 37.37% 38.82%) |
| HWB | hwb(42.16 24.31% 61.18%) |
| CMYK | cmyk(0% 11% 37% 61%) |
| Lab | lab(37.96 1.46 16.84) |
| LCH | lch(37.96 16.91 85.04) |
| OKLab | oklab(46.395% 0.0017 0.04176) |
| OKLCH | oklch(46.395% 0.04179 87.675) |
| Display P3 | color(display-p3 0.38101 0.34664 0.25538) |
| Rec. 2020 | color(rec2020 0.31198 0.28882 0.19574) |
| Adobe RGB | color(a98-rgb 0.377 0.34711 0.25658) |
| ProPhoto RGB | color(prophoto-rgb 0.28595 0.2765 0.20018) |
| Linear sRGB | color(srgb-linear 0.12477 0.09759 0.04817) |
| XYZ D65 | color(xyz-d65 0.09504 0.0998 0.05983) |
| XYZ D50 | color(xyz-d50 0.09889 0.10064 0.04561) |
| SwiftUI | Color(red: 0.388, green: 0.345, blue: 0.243) |
| UIKit | UIColor(red: 0.388, green: 0.345, blue: 0.243, alpha: 1) |
| Flutter / Compose | Color(0xFF63583E) |
| Android XML | #63583E |

## Facts

- Closest name: Puff Dragon
- Hue family: Brown, dusty dark brown
- Closest Tailwind class: olive-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 7.01:1
- Contrast with black: 3:1

## Tints

#63583e, #716750, #807762, #8f8774, #9e9787, #aea89a, #beb9ad, #cecac1, #dedbd6, #eeedea

## Shades

#63583e, #554b35, #473f2b, #3a3323, #2e281a, #211d12, #16120a, #0b0904, #030301, #000000

## Tones

#63583e, #625841, #615844, #605847, #5f5949, #5e594c, #5d594f, #5c5951, #5b5954, #5a5956

## Harmonies

- Complementary: #63583e, #4f5971
- Split: #63583e, #435d6e, #5c546e
- Analogous: #63583e, #6b5442, #575d42
- Triadic: #63583e, #3c6065, #665165
- Tetradic: #63583e, #4a604c, #4f5971, #665165
- Square: #63583e, #3f6159, #4f5971, #6d5059
- Monochromatic: #63583e, #241a02, #42381f, #867a5f, #ab9f82

## Questions about #63583e

### What color is #63583e?

#63583e is dusty dark brown. The closest named color is Puff Dragon. In RGB it is rgb(99, 88, 62), in HSL hsl(42.16, 22.98%, 31.57%) and in OKLCH oklch(46.395% 0.04179 87.675).

### What colors go well with #63583e?

The complementary color of #63583e is #4f5971. For a calmer combination use the analogous colors #6b5442 and #575d42. The triadic partners are #3c6065 and #665165.

### Is white or black text more readable on #63583e?

White text reads better on #63583e: white gives a contrast ratio of 7.01:1 and black gives 3:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #63583e a warm or cool color?

#63583e is a warm color. In OKLCH its hue is 88 degrees, its lightness 46.4% and its chroma 0.042.