Skip to the color picker
PickShade

#bb5522 color: Roland-Garros

Every format, shade and contrast value for #bb5522. Drag the picker to explore nearby colors.

Read as HEX

20°
100%

OKLCH

57%
0.146
44°
  • ≈ Mahogany
  • Brown
  • Medium
  • Vivid
  • Warm
  • amber-700
  • Black 27%

Looks the same on every screen.

White text4.73:1 · AALc -78
Black text4.44:1 · Below AALc 32

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 #bb5522

#bb5522 is a bright brown color. In OKLCH it has 57% lightness, 0.146 chroma and a hue of 44°.

Looks the same on every screen.

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

The closest named color is Roland-Garros (#bb5522). In Tailwind CSS the closest color is amber-700.

More medium brown colors

Lighter: #bb5522 mixed with white

  1. bb5522
  2. c4673d
  3. cc7853
  4. d38969
  5. db9a7e
  6. e2ab93
  7. e8bba8
  8. efccbe
  9. f4ddd3
  10. faeee9

Darker: #bb5522 mixed with black

  1. bb5522
  2. a2491c
  3. 8a3d16
  4. 733111
  5. 5c260b
  6. 461c07
  7. 321103
  8. 1f0801
  9. 0d0200
  10. 020000

Calmer: #bb5522 with less saturation

  1. bb5522
  2. b55a2f
  3. af5e3a
  4. a96243
  5. a3664c
  6. 9c6954
  7. 956d5b
  8. 8e7063
  9. 87726a
  10. 7f7571