Nazwany kolor · #E0DCDA
Aged Cotton
Aged Cotton to #E0DCDA: rgb(224 220 218), hsl(20 9% 87%), oklch(0.897 0.005 48.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Aged Cotton color name →
#E0DCDA
oklch(0.897 0.005 48.7)
Konwersje koloru
- HEX
- #e0dcda
- RGB
- rgb(224 220 218)
- HSL
- hsl(20 9% 87%)
- HWB
- hwb(20 85% 12%)
- OKLCH
- oklch(0.897 0.005 48.7)
- OKLab
- oklab(0.897 0.003 0.004)
- CIE Lab
- lab(88.04 1.15 1.49)
- LCH
- lch(88.04 1.88 52.5)
- CMYK
- cmyk(0% 2% 3% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3DFDE
- E6E3E1
- E9E6E5
- ECEAE9
- EFEDEC
- F3F1F0
- F6F4F4
- F9F8F8
- FCFBFB
Odcienie ciemniejsze
- C3BFBD
- A6A3A2
- 8A8887
- 706E6C
- 565454
- 3E3C3C
- 272625
- 121111
- 020202
Tony
- D6D2D1
- CCC9C7
- C2BFBE
- B8B6B5
- AFADAC
- A5A4A3
- 9C9B9A
- 929291
- 898989
Harmonie kolorów
Komplementarna +180°
- E0DCDA
Aged Cotton
- DADEE0
≈ Script White
Analogowa -30° +30°
- E0DCDA
Aged Cotton
- E0DCDC
≈ Snow Peak
- DFDDD9
≈ Spectral
Triada +120° +240°
- E0DCDA
Aged Cotton
- DADEDC
≈ Silver Sand
- DDDCE0
≈ Azure Hint
Komplementarna rozszczepiona +150° +210°
- E0DCDA
Aged Cotton
- D9DEDE
≈ Silver Sand
- DBDDE0
≈ Script White
Tetrada +90° +180° +270°
- E0DCDA
Aged Cotton
- DBDEDB
≈ Nomadic Dream
- DADEE0
≈ Script White
- DEDCDF
≈ White-Collar
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.36:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.41:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.41:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--aged-cotton: #e0dcda;
--aged-cotton-rgb: 224 220 218;
--aged-cotton-oklch: oklch(0.897 0.005 48.7);
}
.element {
color: var(--aged-cotton);
background-color: hsl(20 9% 87%);
border-color: oklch(0.897 0.005 48.7);
}Tailwind CSS v4
@theme {
--color-aged-cotton: #e0dcda;
--color-aged-cotton-50: #f6f5f4;
--color-aged-cotton-100: #e9e7e6;
--color-aged-cotton-200: #d6d3d2;
--color-aged-cotton-300: #bab7b5;
--color-aged-cotton-400: #a19d9c;
--color-aged-cotton-500: #898583;
--color-aged-cotton-600: #74716f;
--color-aged-cotton-700: #5d5a59;
--color-aged-cotton-800: #444241;
--color-aged-cotton-900: #2f2d2d;
--color-aged-cotton-950: #1b1a1a;
}SCSS
$aged-cotton: #e0dcda;
$aged-cotton-rgb: 224, 220, 218;
$aged-cotton-light: mix(#fff, $aged-cotton, 20%);
$aged-cotton-dark: mix(#000, $aged-cotton, 20%);
.element {
color: $aged-cotton;
box-shadow: 0 0 0 2px rgba($aged-cotton, 0.35);
}