Colore con nome · #EAD8C1
Antique Parchment
Antique Parchment è #EAD8C1: rgb(234 216 193), hsl(34 49% 84%), oklch(0.891 0.037 74). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Antique Parchment color name →
#EAD8C1
oklch(0.891 0.037 74)
Conversioni di colore
- HEX
- #ead8c1
- RGB
- rgb(234 216 193)
- HSL
- hsl(34 49% 84%)
- HWB
- hwb(34 76% 8%)
- OKLCH
- oklch(0.891 0.037 74)
- OKLab
- oklab(0.891 0.01 0.035)
- CIE Lab
- lab(87.37 3.71 13.75)
- LCH
- lch(87.37 14.24 74.9)
- CMYK
- cmyk(0% 8% 18% 8%)
Tinte · Ombre · Toni
Tinte
- ECDCC7
- EEE0CD
- F0E4D3
- F2E8DA
- F5EBE0
- F7EFE6
- F9F3EC
- FBF7F3
- FDFBF9
Ombre
- CBBCA7
- AEA08F
- 918577
- 756B5F
- 5A5349
- 413B34
- 292520
- 13110E
- 030202
Toni
- DFCFBA
- D4C6B4
- C9BDAD
- BEB4A7
- B4ABA0
- A9A29A
- 9F9A93
- 94918D
- 8A8886
Armonie di colore
Complementare +180°
- EAD8C1
Antique Parchment
- CBDDF3
≈ Tuğçe Silver
Analogo -30° +30°
- EAD8C1
Antique Parchment
- F1D4C8
≈ Pink Sentiment
- DFDDC1
≈ Silver Fern
Triadico +120° +240°
- EAD8C1
Antique Parchment
- C0E3E2
≈ Yù Shí Bái White
- E4D4EC
≈ First Lilac
Complementare divisa +150° +210°
- EAD8C1
Antique Parchment
- C2E1ED
≈ Cotton Clouds
- D7D8F3
≈ Quartz
Tetradico +90° +180° +270°
- EAD8C1
Antique Parchment
- C6E3D5
≈ Icy Mint
- CBDDF3
≈ Tuğçe Silver
- EED2E1
≈ Portrait Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.39:1 · APCA Lc 19
Ag
AAASu nero
WCAG 15.09:1 · APCA Lc 84
Miglior colore del testo: #000000
WCAG 15.09:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--antique-parchment: #ead8c1;
--antique-parchment-rgb: 234 216 193;
--antique-parchment-oklch: oklch(0.891 0.037 74);
}
.element {
color: var(--antique-parchment);
background-color: hsl(34 49% 84%);
border-color: oklch(0.891 0.037 74);
}Tailwind CSS v4
@theme {
--color-antique-parchment: #ead8c1;
--color-antique-parchment-50: #fbf4ea;
--color-antique-parchment-100: #efe6db;
--color-antique-parchment-200: #ddd2c3;
--color-antique-parchment-300: #c2b5a3;
--color-antique-parchment-400: #ac9c87;
--color-antique-parchment-500: #95836c;
--color-antique-parchment-600: #7e6f5b;
--color-antique-parchment-700: #655949;
--color-antique-parchment-800: #4a4135;
--color-antique-parchment-900: #342c24;
--color-antique-parchment-950: #1f1a13;
}SCSS
$antique-parchment: #ead8c1;
$antique-parchment-rgb: 234, 216, 193;
$antique-parchment-light: mix(#fff, $antique-parchment, 20%);
$antique-parchment-dark: mix(#000, $antique-parchment, 20%);
.element {
color: $antique-parchment;
box-shadow: 0 0 0 2px rgba($antique-parchment, 0.35);
}