Nazwany kolor · #E0A28D
Venetian Plaster
Venetian Plaster to #E0A28D: rgb(224 162 141), hsl(15 57% 72%), oklch(0.766 0.08 39.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Venetian Plaster color name →
#E0A28D
oklch(0.766 0.08 39.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E4AB98
- E7B4A3
- EBBEAF
- EEC7BA
- F1D0C5
- F4DAD1
- F7E3DC
- FAECE8
- FCF6F3
Odcienie ciemniejsze
- C38C7A
- A67767
- 8A6355
- 704F44
- 563C33
- 3E2A23
- 271914
- 120A07
- 020101
Tony
- D69F8C
- CD9B8B
- C3988A
- B99588
- B09187
- A68E86
- 9D8B84
- 938783
- 8A8481
Harmonie kolorów
Komplementarna +180°
- E0A28D
Venetian Plaster
- 76BFD6
≈ Cologne
Analogowa -30° +30°
- E0A28D
Venetian Plaster
- E09EA8
≈ Nana’s Rose
- D4AA7B
≈ Band-Aid
Triada +120° +240°
- E0A28D
Venetian Plaster
- 86C3A1
≈ Lark Green
- A8AEE6
≈ Maximum Blue Purple
Komplementarna rozszczepiona +150° +210°
- E0A28D
Venetian Plaster
- 73C4BE
≈ Gentle Wave
- 8CB7E4
≈ Adrift on the Nile
Tetrada +90° +180° +270°
- E0A28D
Venetian Plaster
- A3BE87
≈ Green Herb
- 76BFD6
≈ Cologne
- C2A5DA
≈ Enchanted Lavender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.16:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.72:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.72:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
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);
}