Named color · #E0A28D
Venetian Plaster
Venetian Plaster is #E0A28D: rgb(224 162 141), hsl(15 57% 72%), oklch(0.766 0.08 39.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Venetian Plaster color name →
#E0A28D
oklch(0.766 0.08 39.5)
Color conversions
- HEX
- #e0a28d
- RGB
- rgb(224 162 141)
- HSL
- hsl(15 57% 72%)
- HWB
- hwb(15 55% 12%)
- OKLCH
- oklch(0.766 0.08 39.5)
- OKLab
- oklab(0.766 0.062 0.051)
- CIE Lab
- lab(72.3 21.72 20.52)
- LCH
- lch(72.3 29.88 43.4)
- CMYK
- cmyk(0% 28% 37% 12%)
Tints · Shades · Tones
Tints
- E4AB98
- E7B4A3
- EBBEAF
- EEC7BA
- F1D0C5
- F4DAD1
- F7E3DC
- FAECE8
- FCF6F3
Shades
- C38C7A
- A67767
- 8A6355
- 704F44
- 563C33
- 3E2A23
- 271914
- 120A07
- 020101
Tones
- D69F8C
- CD9B8B
- C3988A
- B99588
- B09187
- A68E86
- 9D8B84
- 938783
- 8A8481
Color harmonies
Complementary +180°
- E0A28D
Venetian Plaster
- 76BFD6
≈ Cologne
Analogous -30° +30°
- E0A28D
Venetian Plaster
- E09EA8
≈ Nana’s Rose
- D4AA7B
≈ Band-Aid
Triadic +120° +240°
- E0A28D
Venetian Plaster
- 86C3A1
≈ Lark Green
- A8AEE6
≈ Maximum Blue Purple
Split-complementary +150° +210°
- E0A28D
Venetian Plaster
- 73C4BE
≈ Gentle Wave
- 8CB7E4
≈ Adrift on the Nile
Tetradic +90° +180° +270°
- E0A28D
Venetian Plaster
- A3BE87
≈ Green Herb
- 76BFD6
≈ Cologne
- C2A5DA
≈ Enchanted Lavender
Contrast & accessibility
Ag
FailOn white
WCAG 2.16:1 · APCA Lc 42
Ag
AAAOn black
WCAG 9.72:1 · APCA Lc 60
Best text color: #000000
WCAG 9.72:1 (AAA) · APCA Lc 60
Contrast pairs
Code snippets
CSS
:root {
--venetian-plaster: #e0a28d;
--venetian-plaster-rgb: 224 162 141;
--venetian-plaster-oklch: oklch(0.766 0.08 39.5);
}
.element {
color: var(--venetian-plaster);
background-color: hsl(15 57% 72%);
border-color: oklch(0.766 0.08 39.5);
}Tailwind CSS v4
@theme {
--color-venetian-plaster: #e0a28d;
--color-venetian-plaster-50: #ffeee4;
--color-venetian-plaster-100: #ffe0d4;
--color-venetian-plaster-200: #f3caba;
--color-venetian-plaster-300: #dcaa98;
--color-venetian-plaster-400: #c88f7b;
--color-venetian-plaster-500: #b4735e;
--color-venetian-plaster-600: #986250;
--color-venetian-plaster-700: #7a4e3f;
--color-venetian-plaster-800: #5a382e;
--color-venetian-plaster-900: #3f271f;
--color-venetian-plaster-950: #28150f;
}SCSS
$venetian-plaster: #e0a28d;
$venetian-plaster-rgb: 224, 162, 141;
$venetian-plaster-light: mix(#fff, $venetian-plaster, 20%);
$venetian-plaster-dark: mix(#000, $venetian-plaster, 20%);
.element {
color: $venetian-plaster;
box-shadow: 0 0 0 2px rgba($venetian-plaster, 0.35);
}