Named color · #E09887
Industrial Rose
Industrial Rose is #E09887: rgb(224 152 135), hsl(11 59% 70%), oklch(0.747 0.091 33.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Industrial Rose color name →
#E09887
oklch(0.747 0.091 33.8)
Color conversions
- HEX
- #e09887
- RGB
- rgb(224 152 135)
- HSL
- hsl(11 59% 70%)
- HWB
- hwb(11 53% 12%)
- OKLCH
- oklch(0.747 0.091 33.8)
- OKLab
- oklab(0.747 0.075 0.051)
- CIE Lab
- lab(69.87 26.31 20.53)
- LCH
- lch(69.87 33.37 38)
- CMYK
- cmyk(0% 32% 40% 12%)
Tints · Shades · Tones
Tints
- E4A293
- E8AD9E
- EBB7AA
- EEC1B6
- F2CBC2
- F5D6CE
- F7E0DA
- FAEAE6
- FDF5F3
Shades
- C38475
- A67063
- 8A5C51
- 704A41
- 563831
- 3E2721
- 271713
- 120806
- 020101
Tones
- D69687
- CD9486
- C39185
- BA8F85
- B08D84
- A78A83
- 9D8883
- 948582
- 8A8381
Color harmonies
Complementary +180°
- E09887
Industrial Rose
- 61BCD0
≈ Delusional Dragonfly
Analogous -30° +30°
- E09887
Industrial Rose
- DE95A6
≈ Rose Marquis
- D6A16F
≈ Sassy Sassafras
Triadic +120° +240°
- E09887
Industrial Rose
- 7EBE93
≈ Oilcloth Green
- 9BA9E7
≈ Dalmatian Sage
Split-complementary +150° +210°
- E09887
Industrial Rose
- 63C0B3
≈ Fiesta Blue
- 7AB4E2
≈ Dun Morogh Blue
Tetradic +90° +180° +270°
- E09887
Industrial Rose
- A1B776
≈ Around the Gills
- 61BCD0
≈ Delusional Dragonfly
- B99FDC
≈ Violet Velvet
Contrast & accessibility
Ag
FailOn white
WCAG 2.33:1 · APCA Lc 46
Ag
AAAOn black
WCAG 9.01:1 · APCA Lc 56
Best text color: #000000
WCAG 9.01:1 (AAA) · APCA Lc 56
Contrast pairs
Code snippets
CSS
:root {
--industrial-rose: #e09887;
--industrial-rose-rgb: 224 152 135;
--industrial-rose-oklch: oklch(0.747 0.091 33.8);
}
.element {
color: var(--industrial-rose);
background-color: hsl(11 59% 70%);
border-color: oklch(0.747 0.091 33.8);
}Tailwind CSS v4
@theme {
--color-industrial-rose: #e09887;
--color-industrial-rose-50: #ffede4;
--color-industrial-rose-100: #ffded3;
--color-industrial-rose-200: #f8c7ba;
--color-industrial-rose-300: #e1a798;
--color-industrial-rose-400: #ce8b7b;
--color-industrial-rose-500: #ba6f5e;
--color-industrial-rose-600: #9d5e50;
--color-industrial-rose-700: #7e4b3f;
--color-industrial-rose-800: #5e362e;
--color-industrial-rose-900: #42251f;
--color-industrial-rose-950: #2a130f;
}SCSS
$industrial-rose: #e09887;
$industrial-rose-rgb: 224, 152, 135;
$industrial-rose-light: mix(#fff, $industrial-rose, 20%);
$industrial-rose-dark: mix(#000, $industrial-rose, 20%);
.element {
color: $industrial-rose;
box-shadow: 0 0 0 2px rgba($industrial-rose, 0.35);
}