이름 색상 · #8B837D
Hagstone Choir
Hagstone Choir은(는) #8B837D: rgb(139 131 125), hsl(26 6% 52%), oklch(0.615 0.013 59.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Hagstone Choir color name →
#8B837D
oklch(0.615 0.013 59.4)
색상 변환
- HEX
- #8b837d
- RGB
- rgb(139 131 125)
- HSL
- hsl(26 6% 52%)
- HWB
- hwb(26 49% 45%)
- OKLCH
- oklch(0.615 0.013 59.4)
- OKLab
- oklab(0.615 0.007 0.011)
- CIE Lab
- lab(55.34 2.3 4.39)
- LCH
- lch(55.34 4.96 62.4)
- CMYK
- cmyk(0% 6% 10% 45%)
틴트 · 셰이드 · 톤
틴트
- 968F89
- A19B96
- ACA7A2
- B8B3AF
- C3BFBC
- CFCCC9
- DBD8D6
- E7E5E4
- F3F2F1
셰이드
- 78716C
- 66605B
- 544F4B
- 433F3B
- 322F2C
- 23201E
- 141211
- 070605
- 010101
톤
- 8A837D
- 89827E
- 88827E
- 87827E
- 86827F
- 84817F
- 83817F
- 82817F
- 818080
색 조화
보색 +180°
- 8B837D
Hagstone Choir
- 7E868C
≈ London Road
유사색 -30° +30°
- 8B837D
Hagstone Choir
- 8D8280
≈ Pewter Mug
- 88847C
≈ Pier
삼각 배색 +120° +240°
- 8B837D
Hagstone Choir
- 7D8785
≈ Nature Retreat
- 86838C
≈ In the Twilight
분열 보색 +150° +210°
- 8B837D
Hagstone Choir
- 7C8789
≈ Nature Retreat
- 81858D
≈ Milestone
사각 배색 +90° +180° +270°
- 8B837D
Hagstone Choir
- 7F8780
≈ Wild Sage
- 7E868C
≈ London Road
- 898289
≈ Natural Steel
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.72:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.64:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.64:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--hagstone-choir: #8b837d;
--hagstone-choir-rgb: 139 131 125;
--hagstone-choir-oklch: oklch(0.615 0.013 59.4);
}
.element {
color: var(--hagstone-choir);
background-color: hsl(26 6% 52%);
border-color: oklch(0.615 0.013 59.4);
}Tailwind CSS v4
@theme {
--color-hagstone-choir: #8b837d;
--color-hagstone-choir-50: #f8f4f1;
--color-hagstone-choir-100: #ebe7e3;
--color-hagstone-choir-200: #d9d3cf;
--color-hagstone-choir-300: #bdb6b1;
--color-hagstone-choir-400: #a59d97;
--color-hagstone-choir-500: #8d847e;
--color-hagstone-choir-600: #77706a;
--color-hagstone-choir-700: #5f5a55;
--color-hagstone-choir-800: #46413e;
--color-hagstone-choir-900: #302d2b;
--color-hagstone-choir-950: #1d1a18;
}SCSS
$hagstone-choir: #8b837d;
$hagstone-choir-rgb: 139, 131, 125;
$hagstone-choir-light: mix(#fff, $hagstone-choir, 20%);
$hagstone-choir-dark: mix(#000, $hagstone-choir, 20%);
.element {
color: $hagstone-choir;
box-shadow: 0 0 0 2px rgba($hagstone-choir, 0.35);
}