色名 · #866C5E
Ruskie
Ruskieは#866C5E：rgb(134 108 94)、hsl(21 18% 45%)、oklch(0.553 0.039 49.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Brown mean? → · Ruskie color name →
#866C5E
oklch(0.553 0.039 49.8)
カラー変換
- HEX
- #866c5e
- RGB
- rgb(134 108 94)
- HSL
- hsl(21 18% 45%)
- HWB
- hwb(21 37% 47%)
- OKLCH
- oklch(0.553 0.039 49.8)
- OKLab
- oklab(0.553 0.025 0.03)
- CIE Lab
- lab(47.92 9.02 11.96)
- LCH
- lch(47.92 14.98 53)
- CMYK
- cmyk(0% 19% 30% 47%)
ティント · シェード · トーン
ティント
- 927A6D
- 9D887C
- A9968C
- B5A49B
- C1B3AB
- CDC2BC
- DAD1CC
- E6E0DD
- F2EFEE
シェード
- 745D51
- 624E44
- 514037
- 40322B
- 30251F
- 211914
- 130D0A
- 060403
- 010000
トーン
- 866E61
- 857065
- 857268
- 84746C
- 83766F
- 837872
- 827A76
- 817C79
- 817E7D
カラーハーモニー
補色 +180°
- 866C5E
Ruskie
- 5B7785
≈ Ocean Shadow
類似色 -30° +30°
- 866C5E
Ruskie
- 886969
≈ Ferra
- 7F7058
≈ High Tea
トライアド +120° +240°
- 866C5E
Ruskie
- 5C7A6F
≈ Stately Stems
- 716F88
≈ Rockabilly
スプリットコンプリメンタリー +150° +210°
- 866C5E
Ruskie
- 577A7B
≈ Breaker Bay
- 65738A
≈ Deep Larkspur
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.86:1 · APCA Lc 74
Ag
Fail黒の上
WCAG 4.32:1 · APCA Lc 28
最適な文字色: #FFFFFF
WCAG 4.86:1 (AA) · APCA Lc 74
Contrast pairs
コードスニペット
CSS
:root {
--ruskie: #866c5e;
--ruskie-rgb: 134 108 94;
--ruskie-oklch: oklch(0.553 0.039 49.8);
}
.element {
color: var(--ruskie);
background-color: hsl(21 18% 45%);
border-color: oklch(0.553 0.039 49.8);
}Tailwind CSS v4
@theme {
--color-ruskie: #866c5e;
--color-ruskie-50: #fff2eb;
--color-ruskie-100: #f3e5dc;
--color-ruskie-200: #e3d0c5;
--color-ruskie-300: #c9b2a5;
--color-ruskie-400: #b3988a;
--color-ruskie-500: #9c7f6f;
--color-ruskie-600: #846c5e;
--color-ruskie-700: #6a564b;
--color-ruskie-800: #4e3e37;
--color-ruskie-900: #362b25;
--color-ruskie-950: #211814;
}SCSS
$ruskie: #866c5e;
$ruskie-rgb: 134, 108, 94;
$ruskie-light: mix(#fff, $ruskie, 20%);
$ruskie-dark: mix(#000, $ruskie, 20%);
.element {
color: $ruskie;
box-shadow: 0 0 0 2px rgba($ruskie, 0.35);
}