Skip to the color picker

Charcoal color: #36454f

Charcoal is #36454f, rgb(54, 69, 79) in RGB and oklch(38.138% 0.02578 237.542) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

204°
100%

38.1%
0.026
238°
  • Sky blue
  • Dark
  • Muted
  • Cool
  • mist-700
  • Black 69%

Inside sRGB: displays the same on any screen.

White text
9.90:1Readable · AA
Lc -97
Black text
2.12:1Hard to read
Lc 11

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Palettes with Charcoal

Similar named colors

Questions about Charcoal

What is the hex code for Charcoal?

The hex code for Charcoal is #36454f. In RGB it is rgb(54, 69, 79), in HSL hsl(204, 18.8%, 26.08%) and in OKLCH oklch(38.138% 0.02578 237.542).

What colors go well with Charcoal?

Its complementary color is #4e4035. For a calmer look, pair it with the analogous colors #33474a and #3d4351. Ready palettes with Charcoal are shown on this page.

Is Charcoal a warm or cool color?

Charcoal is a cool color with an OKLCH hue of 238 degrees.

What text color is readable on Charcoal?

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

About #36454f

#36454f is a muted dark sky blue color. In OKLCH it has 38.1% lightness, 0.026 chroma and a hue of 238°.

Inside sRGB: displays the same on any screen.

White text on it reaches 9.9:1 contrast and black text 2.12:1, so white text reads better.

The closest named color is Azul Petróleo (#36454f). In Tailwind CSS the closest color is mist-700.

More dark sky blue colors

Lighter: #36454f mixed with white

  1. 36454f

Darker: #36454f mixed with black

  1. 36454f
  2. 000000

Calmer: #36454f with less saturation

  1. 36454f

Similar named colors

  • Azul Petróleo#36454f

Colors that go with #36454f

Complementary
#36454f
Analogous
#36454f
Triadic
#36454f
Split
#36454f