Skip to content
ColorPlum

Hex codes

#C0392B color: brick red hex code, RGB and shades

#C0392B is RGB 192, 57, 43: a muted brick red at 6° hue and 46% lightness. White text on it measures 5.43:1, enough for AA body text, which makes it a practical red for buttons and alerts.

By Paul Gunder. Every value is computed from published standards; see how ColorPlum works.

Updated

ColorPlum swatch#C0392Bmedium, vivid red
HEX
#C0392B
RGB
rgb(192, 57, 43)
HSL
hsl(6, 63%, 46%)

Best text on it: white at 5.43:1

Copy codes as
Build a paletteMake a gradientCheck contrastWallpaper

Every code for #C0392B

  • HEX#C0392B
  • RGBrgb(192, 57, 43)
  • HSLhsl(6, 63%, 46%)
  • HSV6°, 78%, 75%
  • CMYK0%, 70%, 78%, 25%
  • Lablab(45.4% 53.9 40.6)
  • OKLCHoklch(54.3% 0.174 29.7)
  • Decimal12597547

Tints, shades and tones

From white to black in 10% steps, with #C0392B in the middle. Tap a code to copy it.

  1. 90%#F9EBEA
  2. 80%#F2D7D5
  3. 70%#ECC4BF
  4. 60%#E6B0AA
  5. 50%#E09C95
  6. 40%#D98880
  7. 30%#D3746B
  8. 20%#CD6155
  9. 10%#C64D40
  10. Base#C0392B
  11. 10%#AD3327
  12. 20%#9A2E22
  13. 30%#86281E
  14. 40%#73221A
  15. 50%#601D16
  16. 60%#4D1711
  17. 70%#3A110D
  18. 80%#260B09
  19. 90%#130604

Tones (mixed with gray)

  1. 10%#BA4034
  2. 20%#B3473C
  3. 30%#AD4E45
  4. 40%#A6554D
  5. 50%#A05D56
  6. 60%#9A645E
  7. 70%#936B67
  8. 80%#8D726F
  9. 90%#867978

Matching colors

Complementary
Analogous
Triadic
Split complementary
Tetradic (square)
Monochromatic
  • #43140F
  • #81261D
  • #C0392B
  • #DB695D
  • #E9A39B

#C0392B in 3D color space

OKLab, the space ColorPlum does its math in: lightness runs up the pole, hue goes around it and saturation grows outward. The faint shell is every color a screen can show (saturation is drawn wider than lightness so hues separate). Drag to turn it.

#C0392B with its complement, its triad and its tint and shade
  • #C0392B
  • Triad #2BC039
  • Triad #392BC0
  • Complement
  • 50% tint
  • 50% shade

#C0392B in use

New collectionAutumn edit

Card body text stays dark for reading; #c0392b carries the header and the button.

Shop nowTag

Headline in #C0392B

A paragraph with a link set in this color, which is dark enough for text on white.

How it looks with color-vision deficiency

A simulation (Machado and colleagues, 2009) of how the color and its complement read without one type of cone.

  • Typical color vision#C0392B
  • Protanopia (no red cones)#615728
  • Deuteranopia (no green cones)#827525
  • Tritanopia (no blue cones)#D30137

Contrast and readability

PairingRatioWCAG 2.2
as text on white5.43:1AA AA large AAA
as text on black3.86:1AA AA large AAA
white text on it5.43:1AA AA large AAA
black text on it3.86:1AA AA large AAA
on your background4.74:1AA AA large AAA

Export

:root {
  --c0392b: #c0392b;
  --c0392b-rgb: 192 57 43;
  --c0392b-on: #ffffff;
}
On this page

The three pairs of #C0392B read C0 (192), 39 (57) and 2B (43), a strong red with a little green and blue mixed in. That mix tilts the hue slightly toward orange, 6° instead of 0°, and takes the saturation down to 63%. Lightness is 46% and the decimal value is 12597547. It is a red that is serious without being loud, and many web designers know it from flat-style palettes.

What #C0392B looks like

It is the red of fired brick or a ripe tomato that has seen some sun. The CSS list has no exact match: firebrick (#B22222) is 4.8 OKLab units away, crimson (#DC143C) 6.4, brown (#A52A2A) 6.5 and sienna (#A0522D) 7.1. In the xkcd survey the nearest names are "dull red" (#BB3F3F) at 2.1 and "reddish" (#C44240) at 2.5, with "dusty red" a little farther away. Those are descriptions, not exact answers, so if you need to name this color for a client, use the hex code.

Contrast and states

White on #C0392B is 5.43:1, which clears AA for body text but not AAA. The 10% shade #AD3327 raises that to 6.40:1, and the 20% shade #9A2E22 reaches 7.53:1, so a hover or pressed state can darken the button and gain readability. As text on white it is the same 5.43:1. On #F4F4F4 it drops to 4.94:1, on #EEEEEE to 4.68:1, and on the 90% tint #F9EBEA also to 4.68:1, so keep it off tinted backgrounds for small text. Over black it gives 3.86:1, and navy #112233 beneath it measures only 2.96:1.

Tints, shades and harmonies

The tints begin with #C64D40 and #CD6155, pass #D98880 at 40% and end at #F9EBEA. The complementary color is #2BB2C0, a bright teal, the triadic partners are #2BC039 and #392BC0, and the analogous colors are #C02B68 and #C0832B. Green is the usual signal for success, so #2BC039 makes a natural companion for a red error state.

Worked example

You are designing the account settings page for a small web app. The destructive "Delete account" button should look serious but not alarming. Use #C0392B with white text at 5.43:1, and for the pressed state switch to #9A2E22, which gives 7.53:1. The page background is white, so the button label and the red warning sentence above it are both at 5.43:1. Avoid placing the sentence inside a gray panel, since on #EEEEEE the ratio drops to 4.68:1 and the tint adds nothing. Keep the matching "Cancel" button a neutral gray so the red stays reserved for the one irreversible action.

Sources

  1. W3C, CSS Color Module Level 4: hex notation, sRGB and named colors (checked 2026-11-10) w3.org
  2. W3C, Web Content Accessibility Guidelines (WCAG) 2.2: contrast minimum (checked 2026-11-10) w3.org
  3. xkcd, Color survey results: the 954 most common color names (Randall Munroe, 2010; checked 2026-11-10) xkcd.com