Skip to the color picker

#ca8400 color: Bubonic Brown

#ca8400 is rgb(202, 132, 0) in RGB and oklch(66.928% 0.14321 72.136) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

39°
100%

66.9%
0.143
72°
  • Amber
  • Medium
  • Vivid
  • Warm
  • ≈ Bronze
  • yellow-600
  • Black 21%

Inside sRGB: displays the same on any screen.

White text
3.08:1Hard to read
Lc -63
Black text
6.81:1Readable · AA
Lc 47

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.

About #ca8400

#ca8400 is a bright amber color. In OKLCH it has 66.9% lightness, 0.143 chroma and a hue of 72°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.08:1 contrast and black text 6.81:1, so black text reads better.

The closest named color is Bubonic Brown (#c68400). In Tailwind CSS the closest color is yellow-600.

More medium amber colors

Lighter: #ca8400 mixed with white

Darker: #ca8400 mixed with black

Calmer: #ca8400 with less saturation

Similar named colors

Colors that go with #ca8400

Complementary
Analogous
Triadic
Split

Questions about #ca8400

What color is #ca8400?

#ca8400 is bright amber. The closest named color is Bubonic Brown. In RGB it is rgb(202, 132, 0), in HSL hsl(39.21, 100%, 39.61%) and in OKLCH oklch(66.928% 0.14321 72.136).

What colors go well with #ca8400?

The complementary color of #ca8400 is #4c98ea. For a calmer combination use the analogous colors #dc7349 and #a79700. The triadic partners are #00aeaa and #b279d4.

Is white or black text more readable on #ca8400?

Black text reads better on #ca8400: white gives a contrast ratio of 3.08:1 and black gives 6.81:1. WCAG AA asks for at least 4.5:1 for body text.

Is #ca8400 a warm or cool color?

#ca8400 is a warm color. In OKLCH its hue is 72 degrees, its lightness 66.9% and its chroma 0.143.