Nazwany kolor · #7E7873
Amazon Stone
Amazon Stone to #7E7873: rgb(126 120 115), hsl(27 5% 47%), oklch(0.576 0.011 62.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Amazon Stone color name →
#7E7873
oklch(0.576 0.011 62.5)
Konwersje koloru
- HEX
- #7e7873
- RGB
- rgb(126 120 115)
- HSL
- hsl(27 5% 47%)
- HWB
- hwb(27 45% 51%)
- OKLCH
- oklch(0.576 0.011 62.5)
- OKLab
- oklab(0.576 0.005 0.009)
- CIE Lab
- lab(50.86 1.67 3.62)
- LCH
- lch(50.86 3.98 65.2)
- CMYK
- cmyk(0% 5% 9% 51%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8A8580
- 96918D
- A39F9B
- B0ACA9
- BCB9B6
- C9C7C5
- D7D5D3
- E4E3E1
- F1F1F0
Odcienie ciemniejsze
- 6D6763
- 5C5754
- 4C4845
- 3C3936
- 2D2A28
- 1F1D1B
- 11100F
- 050505
- 010101
Tony
- 7E7974
- 7E7A76
- 7F7A77
- 7F7B78
- 7F7C79
- 7F7D7B
- 7F7E7C
- 807E7D
- 807F7F
Harmonie kolorów
Komplementarna +180°
- 7E7873
Amazon Stone
- 747A7F
≈ Liquid Mercury
Analogowa -30° +30°
- 7E7873
Amazon Stone
- 7F7775
≈ Mink Suede
- 7B7972
≈ Settlement
Triada +120° +240°
- 7E7873
Amazon Stone
- 737B7A
≈ Rhinoceros
- 7A787F
≈ Special Grey
Komplementarna rozszczepiona +150° +210°
- 7E7873
Amazon Stone
- 737B7D
≈ Philosophical
- 777980
≈ Liquid Mercury
Tetrada +90° +180° +270°
- 7E7873
Amazon Stone
- 757B76
≈ Coastal Dusk
- 747A7F
≈ Liquid Mercury
- 7D777C
≈ Special Grey
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.35:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.82:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.82:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--amazon-stone: #7e7873;
--amazon-stone-rgb: 126 120 115;
--amazon-stone-oklch: oklch(0.576 0.011 62.5);
}
.element {
color: var(--amazon-stone);
background-color: hsl(27 5% 47%);
border-color: oklch(0.576 0.011 62.5);
}Tailwind CSS v4
@theme {
--color-amazon-stone: #7e7873;
--color-amazon-stone-50: #f7f4f2;
--color-amazon-stone-100: #eae7e4;
--color-amazon-stone-200: #d7d3d0;
--color-amazon-stone-300: #bbb6b2;
--color-amazon-stone-400: #a39d98;
--color-amazon-stone-500: #8b857f;
--color-amazon-stone-600: #76706c;
--color-amazon-stone-700: #5e5a56;
--color-amazon-stone-800: #45423f;
--color-amazon-stone-900: #302d2b;
--color-amazon-stone-950: #1c1a19;
}SCSS
$amazon-stone: #7e7873;
$amazon-stone-rgb: 126, 120, 115;
$amazon-stone-light: mix(#fff, $amazon-stone, 20%);
$amazon-stone-dark: mix(#000, $amazon-stone, 20%);
.element {
color: $amazon-stone;
box-shadow: 0 0 0 2px rgba($amazon-stone, 0.35);
}