# #63666d color: Shuttle Grey

#63666d is rgb(99, 102, 109) in RGB and oklch(51.004% 0.01164 267.274) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/63666d

## Formats

| Format | Value |
| --- | --- |
| HEX | #63666d |
| RGB | rgb(99, 102, 109) |
| HSL | hsl(222, 4.81%, 40.78%) |
| HSB / HSV | hsv(222 9.17% 42.75%) |
| HWB | hwb(222 38.82% 57.25%) |
| CMYK | cmyk(9% 6% 0% 57%) |
| Lab | lab(43.11 -0.06 -4.38) |
| LCH | lch(43.11 4.38 269.16) |
| OKLab | oklab(51.004% -0.00055 -0.01163) |
| OKLCH | oklch(51.004% 0.01164 267.274) |
| Display P3 | color(display-p3 0.39036 0.39962 0.4249) |
| Rec. 2020 | color(rec2020 0.33758 0.34346 0.3698) |
| Adobe RGB | color(a98-rgb 0.39139 0.39941 0.42473) |
| ProPhoto RGB | color(prophoto-rgb 0.32384 0.32553 0.34867) |
| Linear sRGB | color(srgb-linear 0.12477 0.13287 0.15293) |
| XYZ D65 | color(xyz-d65 0.12657 0.13259 0.16361) |
| XYZ D50 | color(xyz-d50 0.12746 0.13228 0.12384) |
| SwiftUI | Color(red: 0.388, green: 0.4, blue: 0.427) |
| UIKit | UIColor(red: 0.388, green: 0.4, blue: 0.427, alpha: 1) |
| Flutter / Compose | Color(0xFF63666D) |
| Android XML | #63666D |

## Facts

- Closest name: Shuttle Grey
- Hue family: Gray, gray
- Closest Tailwind class: zinc-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 5.75:1
- Contrast with black: 3.65:1

## Tints

#63666d, #71747b, #808288, #8f9196, #9ea0a5, #aeafb3, #bdbfc2, #cecfd1, #dedee0, #eeefef

## Shades

#63666d, #55585e, #474a4f, #3a3c41, #2e2f33, #212326, #161719, #0b0c0d, #030404, #000001

## Tones

#63666d, #63666c, #64666c, #64666b, #64666a, #646669, #656669, #656668, #656667, #666667

## Harmonies

- Complementary: #63666d, #69665f
- Split: #63666d, #6b6560, #656760
- Analogous: #63666d, #60676c, #67656c
- Triadic: #63666d, #6d6462, #626862
- Tetradic: #63666d, #6a646a, #69665f, #626862
- Square: #63666d, #6c6366, #69665f, #5f6866
- Monochromatic: #63666d, #24262c, #42454b, #868990, #abaeb6

## Questions about #63666d

### What color is #63666d?

#63666d is gray. The closest named color is Shuttle Grey. In RGB it is rgb(99, 102, 109), in HSL hsl(222, 4.81%, 40.78%) and in OKLCH oklch(51.004% 0.01164 267.274).

### What colors go well with #63666d?

The complementary color of #63666d is #69665f. For a calmer combination use the analogous colors #60676c and #67656c. The triadic partners are #6d6462 and #626862.

### Is white or black text more readable on #63666d?

White text reads better on #63666d: white gives a contrast ratio of 5.75:1 and black gives 3.65:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #63666d a warm or cool color?

#63666d is a neutral color. In OKLCH its hue is 267 degrees, its lightness 51% and its chroma 0.012.