Named color · #AC2C32
Emperor Cherry Red
Emperor Cherry Red is #AC2C32: rgb(172 44 50), hsl(357 59% 42%), oklch(0.496 0.164 23.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Emperor Cherry Red color name →
#AC2C32
oklch(0.496 0.164 23.2)
Color conversions
- HEX
- #ac2c32
- RGB
- rgb(172 44 50)
- HSL
- hsl(357 59% 42%)
- HWB
- hwb(357 17% 33%)
- OKLCH
- oklch(0.496 0.164 23.2)
- OKLab
- oklab(0.496 0.151 0.065)
- CIE Lab
- lab(39.88 52.2 29.38)
- LCH
- lch(39.88 59.9 29.4)
- CMYK
- cmyk(0% 74% 71% 33%)
Tints · Shades · Tones
Tints
- B74546
- C15C59
- CB706D
- D48581
- DD9995
- E5ADA9
- ECC2BE
- F3D6D4
- F9EAE9
Shades
- 95252A
- 7F1E22
- 69171B
- 541114
- 400A0D
- 2D0507
- 1B0203
- 0B0101
- 010000
Tones
- A9393B
- A64343
- A34D4B
- 9F5552
- 9B5D5A
- 976562
- 926C69
- 8D7371
- 877A78
Color harmonies
Complementary +180°
- AC2C32
Emperor Cherry Red
- 007078
≈ Carnival Night
Analogous -30° +30°
- AC2C32
Emperor Cherry Red
- A32D6A
≈ Amaranth Deep Purple
- 974A00
≈ Brownie
Triadic +120° +240°
- AC2C32
Emperor Cherry Red
- 02780D
≈ Spreadsheet Green
- 2D5BBE
≈ Amnesia Blue
Split-complementary +150° +210°
- AC2C32
Emperor Cherry Red
- 00735D
≈ Tropical Rainforest
- 006B93
≈ Cairns
Tetradic +90° +180° +270°
- AC2C32
Emperor Cherry Red
- 636800
≈ Earthy Khaki Green
- 007078
≈ Carnival Night
- 6949B5
≈ Swiss Plum
Contrast & accessibility
Ag
AAOn white
WCAG 6.64:1 · APCA Lc 82
Ag
FailOn black
WCAG 3.16:1 · APCA Lc 20
Best text color: #FFFFFF
WCAG 6.64:1 (AA) · APCA Lc 82
Contrast pairs
Code snippets
CSS
:root {
--emperor-cherry-red: #ac2c32;
--emperor-cherry-red-rgb: 172 44 50;
--emperor-cherry-red-oklch: oklch(0.496 0.164 23.2);
}
.element {
color: var(--emperor-cherry-red);
background-color: hsl(357 59% 42%);
border-color: oklch(0.496 0.164 23.2);
}Tailwind CSS v4
@theme {
--color-emperor-cherry-red: #ac2c32;
--color-emperor-cherry-red-50: #ffe4dd;
--color-emperor-cherry-red-100: #ffd3cc;
--color-emperor-cherry-red-200: #ffb9b1;
--color-emperor-cherry-red-300: #ff948c;
--color-emperor-cherry-red-400: #f0726f;
--color-emperor-cherry-red-500: #de4d4f;
--color-emperor-cherry-red-600: #bb4344;
--color-emperor-cherry-red-700: #973536;
--color-emperor-cherry-red-800: #702528;
--color-emperor-cherry-red-900: #4f191b;
--color-emperor-cherry-red-950: #34080b;
}SCSS
$emperor-cherry-red: #ac2c32;
$emperor-cherry-red-rgb: 172, 44, 50;
$emperor-cherry-red-light: mix(#fff, $emperor-cherry-red, 20%);
$emperor-cherry-red-dark: mix(#000, $emperor-cherry-red, 20%);
.element {
color: $emperor-cherry-red;
box-shadow: 0 0 0 2px rgba($emperor-cherry-red, 0.35);
}