이름 색상 · #80796E
Cathedral Stone
Cathedral Stone은(는) #80796E: rgb(128 121 110), hsl(37 8% 47%), oklch(0.579 0.019 79.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Cathedral Stone color name →
#80796E
oklch(0.579 0.019 79.3)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 8C867B
- 989289
- A49F97
- B1ACA5
- BEBAB4
- CAC7C3
- D7D5D1
- E4E3E0
- F2F1F0
셰이드
- 6E685F
- 5D5850
- 4D4841
- 3D3933
- 2E2B26
- 1F1D19
- 12100E
- 060504
- 010101
톤
- 807A70
- 807A72
- 807B73
- 807C75
- 807D77
- 807D79
- 807E7B
- 807F7C
- 807F7E
색 조화
보색 +180°
- 80796E
Cathedral Stone
- 747B85
≈ Deep Shale
유사색 -30° +30°
- 80796E
Cathedral Stone
- 847771
≈ Palomino Pony
- 7B7B6F
≈ Tapa
삼각 배색 +120° +240°
- 80796E
Cathedral Stone
- 6E7E7E
≈ Coney Island
- 7F7781
≈ Chain Mail
분열 보색 +150° +210°
- 80796E
Cathedral Stone
- 6F7C83
≈ Taliesin Blue
- 797885
≈ Infamous
사각 배색 +90° +180° +270°
- 80796E
Cathedral Stone
- 707E78
≈ Grey Monument
- 747B85
≈ Deep Shale
- 83767C
≈ Soulmate
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.30:1 · APCA Lc 70
Ag
AA검은색 위
WCAG 4.87:1 · APCA Lc 32
가장 좋은 글자색: #000000
WCAG 4.87:1 (AA) · APCA Lc 32
Contrast pairs
코드 스니펫
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);
}