이름 색상 · #8D8478
Schooner
Schooner은(는) #8D8478: rgb(141 132 120), hsl(34 8% 51%), oklch(0.618 0.021 75.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Schooner color name →
#8D8478
oklch(0.618 0.021 75.2)
색상 변환
- HEX
- #8d8478
- RGB
- rgb(141 132 120)
- HSL
- hsl(34 8% 51%)
- HWB
- hwb(34 47% 45%)
- OKLCH
- oklch(0.618 0.021 75.2)
- OKLab
- oklab(0.618 0.005 0.02)
- CIE Lab
- lab(55.69 1.91 7.79)
- LCH
- lch(55.69 8.02 76.2)
- CMYK
- cmyk(0% 6% 15% 45%)
틴트 · 셰이드 · 톤
틴트
- 989085
- A39B92
- AEA79F
- B9B3AC
- C4C0B9
- D0CCC7
- DCD9D5
- E7E5E3
- F3F2F1
셰이드
- 7A7267
- 676057
- 554F48
- 443F39
- 332F2A
- 23201D
- 141210
- 070605
- 010101
톤
- 8C8479
- 8A837A
- 89837A
- 88827B
- 87827C
- 85827D
- 84817E
- 83817E
- 81807F
색 조화
보색 +180°
- 8D8478
Schooner
- 7D8692
≈ Cold Trade Winds
유사색 -30° +30°
- 8D8478
Schooner
- 91827B
≈ Cherry Bark
- 878678
≈ Mountain Road
삼각 배색 +120° +240°
- 8D8478
Schooner
- 788A89
≈ Juniper Ash
- 8A828E
≈ Asian Violet
분열 보색 +150° +210°
- 8D8478
Schooner
- 79888F
≈ Academy Grey
- 848492
≈ Modest Mauve
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.68:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.70:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.70:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--schooner: #8d8478;
--schooner-rgb: 141 132 120;
--schooner-oklch: oklch(0.618 0.021 75.2);
}
.element {
color: var(--schooner);
background-color: hsl(34 8% 51%);
border-color: oklch(0.618 0.021 75.2);
}Tailwind CSS v4
@theme {
--color-schooner: #8d8478;
--color-schooner-50: #f8f4ef;
--color-schooner-100: #ece7e0;
--color-schooner-200: #d9d3cb;
--color-schooner-300: #bdb6ac;
--color-schooner-400: #a69d91;
--color-schooner-500: #8e8577;
--color-schooner-600: #787065;
--color-schooner-700: #605a51;
--color-schooner-800: #47413b;
--color-schooner-900: #312d28;
--color-schooner-950: #1d1a16;
}SCSS
$schooner: #8d8478;
$schooner-rgb: 141, 132, 120;
$schooner-light: mix(#fff, $schooner, 20%);
$schooner-dark: mix(#000, $schooner, 20%);
.element {
color: $schooner;
box-shadow: 0 0 0 2px rgba($schooner, 0.35);
}