Cinnabar

#E84B3D

What color is Cinnabar?

Cinnabar is a vivid, warm red with a slight orange pull, hex #E84B3D, close to the color of a ripe chili pepper. The tone is bold and saturated, with enough warmth to keep it from reading as a cool or blue-based red.

What is the meaning of the color Cinnabar?

The name comes from the mineral cinnabar, a mercury sulfide ore mined extensively in ancient China and Spain, where it was ground into pigment as early as the 7th century BCE. Artists and scribes across Asia and Europe used it to produce vermilion, the bright red paint seen in Chinese lacquerware and medieval illuminated manuscripts. It entered the English color vocabulary through trade routes that brought both the mineral and the pigment westward. The Old Masters’ pigment supplier Kremer Pigmente still lists natural cinnabar as a documented historical material, anchoring the name to a specific and traceable craft tradition.

RGB
232, 75, 61
HSL
5°, 79%, 57%
CMYK
0, 68, 74, 9
HSV
5°, 74%, 91%
Cinnabar color

What colors go with Cinnabar?

Colors that pair well with Cinnabar include:
Ivory: softens without dulling
Navy Blue: sharp, grounding contrast
Charcoal: deep, dramatic backdrop
Gold: warm, rich contrast
Sage Green: cool, earthy balance

Similar Colors

Conversions & Codes

Format Value CSS
HEX #E84B3D color: #E84B3D;
RGB 232, 75, 61 color: rgb(232, 75, 61);
RGB Percentage 91%, 29%, 24% color: rgb(91%, 29%, 24%);
CMYK 0%, 68%, 74%, 9% Not supported in CSS
HSL 5°, 79%, 57% color: hsl(5, 79%, 57%);
HSV 5°, 74%, 91% Not supported in CSS
CIE-LAB 46, 31, 5 color: lab(46% 31 5);
Decimal 15223613 Not supported in CSS

Color Variations

Shades

#E8493B
#E53121
#D02818
#B62315
#9C1E12
#82190F
#68140C
#4E0F09

Tints

#F8C8C4
#F6B6B0
#F3A49D
#F19289
#EF8076
#ED6E62
#EA5B4E
#E8493B

Tones

#E8493B
#DF5043
#D7584C
#CE5F55
#C5665D
#BD6D66
#B4746F
#AB7C77

Hues

#E8493B
#E8CB3B
#83E83B
#3BE874
#3BDAE8
#3B58E8
#A03BE8
#E83BAE

Color Harmonies

Analogous

#E83B83
Click to copy
#E84B3D
Click to copy
#E8A03B
Click to copy

Complementary

#E84B3D
Click to copy
#3BDAE8
Click to copy

Split Complementary

#E84B3D
Click to copy
#3BE8A0
Click to copy
#3B83E8
Click to copy

Triadic

#E84B3D
Click to copy
#3BE849
Click to copy
#493BE8
Click to copy

Tetradic

#E84B3D
Click to copy
#83E83B
Click to copy
#3BDAE8
Click to copy
#A03BE8
Click to copy

Square

#E84B3D
Click to copy
#83E83B
Click to copy
#3BDAE8
Click to copy
#A03BE8
Click to copy

CSS & Dev Snippets

CSS
.cinnabar {
  color: #E84B3D;
}
SCSS
$cinnabar: #E84B3D;
RGB
rgb(232, 75, 61)

Accessibility & Contrast

White background

3.81:1
3.81
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

5.50:1
5.50
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags