色名 · #897269
Elkhound
Elkhoundは#897269：rgb(137 114 105)、hsl(17 13% 47%)、oklch(0.571 0.032 42.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Elkhound color name →
#897269
oklch(0.571 0.032 42.5)
カラー変換
- HEX
- #897269
- RGB
- rgb(137 114 105)
- HSL
- hsl(17 13% 47%)
- HWB
- hwb(17 41% 46%)
- OKLCH
- oklch(0.571 0.032 42.5)
- OKLab
- oklab(0.571 0.024 0.022)
- CIE Lab
- lab(50.08 8.21 8.55)
- LCH
- lch(50.08 11.85 46.2)
- CMYK
- cmyk(0% 17% 23% 46%)
ティント · シェード · トーン
ティント
- 947F77
- A08D85
- AB9A94
- B7A8A2
- C3B6B1
- CFC4C0
- DBD3D0
- E7E1DF
- F3F0EF
シェード
- 76625A
- 64534C
- 53443E
- 423631
- 312824
- 221B18
- 140E0C
- 070404
- 010100
トーン
- 88736B
- 87756E
- 877670
- 867872
- 857975
- 847A77
- 837C79
- 827D7B
- 817F7E
カラーハーモニー
補色 +180°
- 897269
Elkhound
- 647C86
≈ Passageway
類似色 -30° +30°
- 897269
Elkhound
- 8A7072
≈ Sandstone Red Grey
- 847563
≈ Sandy Shoes
トライアド +120° +240°
- 897269
Elkhound
- 677E72
≈ Ecological
- 74768B
≈ Fantasia
スプリットコンプリメンタリー +150° +210°
- 897269
Elkhound
- 627E7D
≈ Teal Stencil
- 6B798B
≈ Menacing Clouds
テトラード +90° +180° +270°
- 897269
Elkhound
- 717C69
≈ Greenland
- 647C86
≈ Passageway
- 7E7386
≈ Dull Mauve
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.49:1 · APCA Lc 71
Ag
AA黒の上
WCAG 4.67:1 · APCA Lc 30
最適な文字色: #000000
WCAG 4.67:1 (AA) · APCA Lc 30
Contrast pairs
コードスニペット
CSS
:root {
--elkhound: #897269;
--elkhound-rgb: 137 114 105;
--elkhound-oklch: oklch(0.571 0.032 42.5);
}
.element {
color: var(--elkhound);
background-color: hsl(17 13% 47%);
border-color: oklch(0.571 0.032 42.5);
}Tailwind CSS v4
@theme {
--color-elkhound: #897269;
--color-elkhound-50: #fef2ee;
--color-elkhound-100: #f2e5df;
--color-elkhound-200: #e1d0c9;
--color-elkhound-300: #c6b3aa;
--color-elkhound-400: #b09990;
--color-elkhound-500: #998076;
--color-elkhound-600: #826c64;
--color-elkhound-700: #685650;
--color-elkhound-800: #4d3f3a;
--color-elkhound-900: #352b28;
--color-elkhound-950: #201916;
}SCSS
$elkhound: #897269;
$elkhound-rgb: 137, 114, 105;
$elkhound-light: mix(#fff, $elkhound, 20%);
$elkhound-dark: mix(#000, $elkhound, 20%);
.element {
color: $elkhound;
box-shadow: 0 0 0 2px rgba($elkhound, 0.35);
}