色名 · #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);
}