Skip to the color picker

#301002 color: Chocolate Melange

#301002 is rgb(48, 16, 2) in RGB and oklch(22.138% 0.05824 44.994) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

18°
100%

22.1%
0.058
45°
  • Brown
  • Very dark
  • Soft
  • Warm
  • ≈ Graphite
  • taupe-900
  • Black 81%

Inside sRGB: displays the same on any screen.

White text
17.49:1Readable · AA
Lc -106
Black text
1.20:1Hard to read
Lc 0

Shades

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

Harmonies

Open as palette

Recent

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

About #301002

#301002 is a soft very dark brown color. In OKLCH it has 22.1% lightness, 0.058 chroma and a hue of 45°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Chocolate Melange (#331100). In Tailwind CSS the closest color is taupe-900.

More brown colors

Lighter: #301002 mixed with white

  1. 301002
  2. 432516
  3. 573a2d
  4. 6a5044
  5. 7f675c
  6. 937e75
  7. a8978f
  8. bdb0aa
  9. d3cac6
  10. e9e4e2

Darker: #301002 mixed with black

  1. 301002
  2. 280c01
  3. 210901
  4. 1a0601
  5. 130400
  6. 0c0200
  7. 060100
  8. 030000
  9. 010000
  10. 000000

Calmer: #301002 with less saturation

  1. 301002
  2. 2e1204
  3. 2c1307
  4. 2a140a
  5. 28150d
  6. 26170f
  7. 241812
  8. 221814
  9. 201916
  10. 1d1a19

Similar named colors

Colors that go with #301002

Complementary
#301002#00202f
Analogous
#301002#310d12#2a1600
Triadic
#301002#002314#191634
Split
#301002#002223#061b35

Questions about #301002

What color is #301002?

#301002 is soft very dark brown. The closest named color is Chocolate Melange. In RGB it is rgb(48, 16, 2), in HSL hsl(18.26, 92%, 9.8%) and in OKLCH oklch(22.138% 0.05824 44.994).

What colors go well with #301002?

The complementary color of #301002 is #00202f. For a calmer combination use the analogous colors #310d12 and #2a1600. The triadic partners are #002314 and #191634.

Is white or black text more readable on #301002?

White text reads better on #301002: white gives a contrast ratio of 17.49:1 and black gives 1.2:1. WCAG AA asks for at least 4.5:1 for body text.

Is #301002 a warm or cool color?

#301002 is a warm color. In OKLCH its hue is 45 degrees, its lightness 22.1% and its chroma 0.058.