Nazwany kolor · #80796E
Cathedral Stone
Cathedral Stone to #80796E: rgb(128 121 110), hsl(37 8% 47%), oklch(0.579 0.019 79.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Cathedral Stone color name →
#80796E
oklch(0.579 0.019 79.3)
Konwersje koloru
- HEX
- #80796e
- RGB
- rgb(128 121 110)
- HSL
- hsl(37 8% 47%)
- HWB
- hwb(37 43% 50%)
- OKLCH
- oklch(0.579 0.019 79.3)
- OKLab
- oklab(0.579 0.003 0.018)
- CIE Lab
- lab(51.22 1.27 7.07)
- LCH
- lch(51.22 7.18 79.8)
- CMYK
- cmyk(0% 5% 14% 50%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8C867B
- 989289
- A49F97
- B1ACA5
- BEBAB4
- CAC7C3
- D7D5D1
- E4E3E0
- F2F1F0
Odcienie ciemniejsze
- 6E685F
- 5D5850
- 4D4841
- 3D3933
- 2E2B26
- 1F1D19
- 12100E
- 060504
- 010101
Tony
- 807A70
- 807A72
- 807B73
- 807C75
- 807D77
- 807D79
- 807E7B
- 807F7C
- 807F7E
Harmonie kolorów
Komplementarna +180°
- 80796E
Cathedral Stone
- 747B85
≈ Deep Shale
Analogowa -30° +30°
- 80796E
Cathedral Stone
- 847771
≈ Palomino Pony
- 7B7B6F
≈ Tapa
Triada +120° +240°
- 80796E
Cathedral Stone
- 6E7E7E
≈ Coney Island
- 7F7781
≈ Chain Mail
Komplementarna rozszczepiona +150° +210°
- 80796E
Cathedral Stone
- 6F7C83
≈ Taliesin Blue
- 797885
≈ Infamous
Tetrada +90° +180° +270°
- 80796E
Cathedral Stone
- 707E78
≈ Grey Monument
- 747B85
≈ Deep Shale
- 83767C
≈ Soulmate
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.30:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.87:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.87:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
CSS
:root {
--cathedral-stone: #80796e;
--cathedral-stone-rgb: 128 121 110;
--cathedral-stone-oklch: oklch(0.579 0.019 79.3);
}
.element {
color: var(--cathedral-stone);
background-color: hsl(37 8% 47%);
border-color: oklch(0.579 0.019 79.3);
}Tailwind CSS v4
@theme {
--color-cathedral-stone: #80796e;
--color-cathedral-stone-50: #f8f5ef;
--color-cathedral-stone-100: #ebe7e1;
--color-cathedral-stone-200: #d8d4cc;
--color-cathedral-stone-300: #bcb7ad;
--color-cathedral-stone-400: #a49d92;
--color-cathedral-stone-500: #8d8579;
--color-cathedral-stone-600: #777166;
--color-cathedral-stone-700: #5f5a52;
--color-cathedral-stone-800: #46423b;
--color-cathedral-stone-900: #302d29;
--color-cathedral-stone-950: #1d1a17;
}SCSS
$cathedral-stone: #80796e;
$cathedral-stone-rgb: 128, 121, 110;
$cathedral-stone-light: mix(#fff, $cathedral-stone, 20%);
$cathedral-stone-dark: mix(#000, $cathedral-stone, 20%);
.element {
color: $cathedral-stone;
box-shadow: 0 0 0 2px rgba($cathedral-stone, 0.35);
}