# Graphite color: #383838

#383838 is rgb(56, 56, 56) in RGB and oklch(34.07% 0 0) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/colors/graphite

## Formats

| Format | Value |
| --- | --- |
| HEX | #383838 |
| RGB | rgb(56, 56, 56) |
| HSL | hsl(0, 0%, 21.96%) |
| HSB / HSV | hsv(0 0% 21.96%) |
| HWB | hwb(0 21.96% 78.04%) |
| CMYK | cmyk(0% 0% 0% 78%) |
| Lab | lab(23.52 0 0) |
| LCH | lch(23.52 0 0) |
| OKLab | oklab(34.07% 0 0) |
| OKLCH | oklch(34.07% 0 0) |
| Display P3 | color(display-p3 0.21961 0.21961 0.21961) |
| Rec. 2020 | color(rec2020 0.15763 0.15763 0.15763) |
| Adobe RGB | color(a98-rgb 0.23019 0.23019 0.23019) |
| ProPhoto RGB | color(prophoto-rgb 0.16619 0.16619 0.16619) |
| Linear sRGB | color(srgb-linear 0.03955 0.03955 0.03955) |
| XYZ D65 | color(xyz-d65 0.03759 0.03955 0.04307) |
| XYZ D50 | color(xyz-d50 0.03813 0.03955 0.03263) |
| SwiftUI | Color(red: 0.22, green: 0.22, blue: 0.22) |
| UIKit | UIColor(red: 0.22, green: 0.22, blue: 0.22, alpha: 1) |
| Flutter / Compose | Color(0xFF383838) |
| Android XML | #383838 |

## Facts

- Closest name: Graphite
- Hue family: Gray, dark gray
- Closest Tailwind class: neutral-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 11.73:1
- Contrast with black: 1.79:1

## Tints

#383838, #494949, #5b5b5b, #6e6e6e, #818181, #959595, #a9a9a9, #bebebe, #d3d3d3, #e9e9e9

## Shades

#383838, #2f2f2f, #272727, #1f1f1f, #171717, #0f0f0f, #080808, #040404, #010101, #000000

## Tones

#383838, #383838, #383838, #383838, #383838, #383838, #383838, #383838, #383838, #383838

## Harmonies

- Complementary: #383838, #383838
- Split: #383838, #383838, #383838
- Analogous: #383838, #383838, #383838
- Triadic: #383838, #383838, #383838
- Tetradic: #383838, #383838, #383838, #383838
- Square: #383838, #383838, #383838, #383838
- Monochromatic: #383838, #060606, #1b1b1b, #585858, #7a7a7a

## Questions about Graphite

### What is the hex code for Graphite?

The hex code for Graphite is #383838. In RGB it is rgb(56, 56, 56), in HSL hsl(0, 0%, 21.96%) and in OKLCH oklch(34.07% 0 0).

### What colors go well with Graphite?

Its complementary color is #383838. For a calmer look, pair it with the analogous colors #383838 and #383838. Ready palettes with Graphite are shown on this page.

### Is Graphite a warm or cool color?

Graphite is a neutral color with an OKLCH hue of 0 degrees.

### What text color is readable on Graphite?

White text is more readable on Graphite: white gives a contrast ratio of 11.73:1 and black gives 1.79:1. WCAG AA asks for at least 4.5:1 for body text.
