Nazwany kolor · #ECE6DC
Fading Parchment
Fading Parchment to #ECE6DC: rgb(236 230 220), hsl(37 30% 89%), oklch(0.927 0.015 80.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Fading Parchment color name →
#ECE6DC
oklch(0.927 0.015 80.7)
Konwersje koloru
- HEX
- #ece6dc
- RGB
- rgb(236 230 220)
- HSL
- hsl(37 30% 89%)
- HWB
- hwb(37 86% 7%)
- OKLCH
- oklch(0.927 0.015 80.7)
- OKLab
- oklab(0.927 0.002 0.015)
- CIE Lab
- lab(91.56 0.83 5.65)
- LCH
- lch(91.56 5.71 81.7)
- CMYK
- cmyk(0% 3% 7% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EEE8DF
- F0EBE3
- F2EDE6
- F4F0EA
- F5F2ED
- F7F5F1
- F9F7F4
- FBFAF8
- FDFCFB
Odcienie ciemniejsze
- CDC8BF
- AFABA3
- 928E88
- 76736E
- 5B5954
- 42403C
- 292826
- 131311
- 030302
Tony
- E1DBD2
- D5D1C9
- CAC6BF
- BFBCB6
- B4B2AD
- AAA7A4
- 9F9D9B
- 959492
- 8A8A89
Harmonie kolorów
Komplementarna +180°
- ECE6DC
Fading Parchment
- E1E7F1
≈ Mayon Mist
Analogowa -30° +30°
- ECE6DC
Fading Parchment
- F0E4DE
≈ Pastel China
- E7E8DD
≈ Prismatic Pearl
Triada +120° +240°
- ECE6DC
Fading Parchment
- DCEAEB
≈ Wave Crest
- ECE4ED
≈ Easter Bunny
Komplementarna rozszczepiona +150° +210°
- ECE6DC
Fading Parchment
- DDE9EF
≈ Moby Dick
- E6E5F0
≈ Lavender Syrup
Tetrada +90° +180° +270°
- ECE6DC
Fading Parchment
- DEEAE5
≈ Fresh Day
- E1E7F1
≈ Mayon Mist
- EFE3E8
≈ Rosie Posie
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.24:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.91:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.91:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--fading-parchment: #ece6dc;
--fading-parchment-rgb: 236 230 220;
--fading-parchment-oklch: oklch(0.927 0.015 80.7);
}
.element {
color: var(--fading-parchment);
background-color: hsl(37 30% 89%);
border-color: oklch(0.927 0.015 80.7);
}Tailwind CSS v4
@theme {
--color-fading-parchment: #ece6dc;
--color-fading-parchment-50: #f7f5f0;
--color-fading-parchment-100: #eae7e2;
--color-fading-parchment-200: #d7d4cd;
--color-fading-parchment-300: #bbb7af;
--color-fading-parchment-400: #a39e95;
--color-fading-parchment-500: #8b857b;
--color-fading-parchment-600: #767168;
--color-fading-parchment-700: #5e5a53;
--color-fading-parchment-800: #45423d;
--color-fading-parchment-900: #302d2a;
--color-fading-parchment-950: #1c1a17;
}SCSS
$fading-parchment: #ece6dc;
$fading-parchment-rgb: 236, 230, 220;
$fading-parchment-light: mix(#fff, $fading-parchment, 20%);
$fading-parchment-dark: mix(#000, $fading-parchment, 20%);
.element {
color: $fading-parchment;
box-shadow: 0 0 0 2px rgba($fading-parchment, 0.35);
}