Nazwany kolor · #E7E1DD
Calc Sinter
Calc Sinter to #E7E1DD: rgb(231 225 221), hsl(24 17% 89%), oklch(0.913 0.009 56.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Calc Sinter color name →
#E7E1DD
oklch(0.913 0.009 56.3)
Konwersje koloru
- HEX
- #e7e1dd
- RGB
- rgb(231 225 221)
- HSL
- hsl(24 17% 89%)
- HWB
- hwb(24 87% 9%)
- OKLCH
- oklch(0.913 0.009 56.3)
- OKLab
- oklab(0.913 0.005 0.007)
- CIE Lab
- lab(89.92 1.59 2.72)
- LCH
- lch(89.92 3.15 59.7)
- CMYK
- cmyk(0% 3% 4% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E9E4E0
- ECE7E4
- EEEAE7
- F1EDEA
- F3F0EE
- F5F3F1
- F8F6F5
- FAF9F8
- FDFCFC
Odcienie ciemniejsze
- C9C4C0
- ABA7A4
- 8F8B88
- 73706E
- 595655
- 403E3D
- 282726
- 131211
- 030202
Tony
- DCD7D3
- D2CDCA
- C7C3C0
- BCB9B7
- B2AFAD
- A8A6A4
- 9E9C9B
- 949392
- 8A8989
Harmonie kolorów
Komplementarna +180°
- E7E1DD
Calc Sinter
- DDE3E7
≈ Wind Blown
Analogowa -30° +30°
- E7E1DD
Calc Sinter
- E8E0DF
≈ Parasol
- E5E2DC
≈ Wan White
Triada +120° +240°
- E7E1DD
Calc Sinter
- DDE4E2
≈ Dewdrop
- E3E1E7
≈ Budapest Pastel
Komplementarna rozszczepiona +150° +210°
- E7E1DD
Calc Sinter
- DCE4E5
≈ Alpine Blue
- E0E2E8
≈ White Iris
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.29:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 16.21:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.21:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--calc-sinter: #e7e1dd;
--calc-sinter-rgb: 231 225 221;
--calc-sinter-oklch: oklch(0.913 0.009 56.3);
}
.element {
color: var(--calc-sinter);
background-color: hsl(24 17% 89%);
border-color: oklch(0.913 0.009 56.3);
}Tailwind CSS v4
@theme {
--color-calc-sinter: #e7e1dd;
--color-calc-sinter-50: #f7f4f3;
--color-calc-sinter-100: #eae7e5;
--color-calc-sinter-200: #d7d3d1;
--color-calc-sinter-300: #bbb6b3;
--color-calc-sinter-400: #a39d9a;
--color-calc-sinter-500: #8b8581;
--color-calc-sinter-600: #75706d;
--color-calc-sinter-700: #5e5a57;
--color-calc-sinter-800: #454240;
--color-calc-sinter-900: #302d2c;
--color-calc-sinter-950: #1c1a19;
}SCSS
$calc-sinter: #e7e1dd;
$calc-sinter-rgb: 231, 225, 221;
$calc-sinter-light: mix(#fff, $calc-sinter, 20%);
$calc-sinter-dark: mix(#000, $calc-sinter, 20%);
.element {
color: $calc-sinter;
box-shadow: 0 0 0 2px rgba($calc-sinter, 0.35);
}