色名 · #8D794F
Rustic Ranch
Rustic Ranchは#8D794F：rgb(141 121 79)、hsl(41 28% 43%)、oklch(0.585 0.064 85.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Rustic Ranch color name →
#8D794F
oklch(0.585 0.064 85.1)
カラー変換
- HEX
- #8d794f
- RGB
- rgb(141 121 79)
- HSL
- hsl(41 28% 43%)
- HWB
- hwb(41 31% 45%)
- OKLCH
- oklch(0.585 0.064 85.1)
- OKLab
- oklab(0.585 0.005 0.063)
- CIE Lab
- lab(51.96 3.52 26.02)
- LCH
- lch(51.96 26.26 82.3)
- CMYK
- cmyk(0% 14% 44% 45%)
ティント · シェード · トーン
ティント
- 988660
- A39371
- AEA082
- B9AD93
- C5BAA5
- D0C8B6
- DCD5C8
- E7E3DA
- F3F1ED
シェード
- 7A6844
- 675838
- 55482E
- 443923
- 332B19
- 231D10
- 141007
- 070502
- 010100
トーン
- 8C7A54
- 8A7B5A
- 897B5F
- 887C64
- 877D69
- 857E6D
- 847E72
- 837F77
- 817F7B
カラーハーモニー
補色 +180°
- 8D794F
Rustic Ranch
- 697BA2
≈ Night Thistle
類似色 -30° +30°
- 8D794F
Rustic Ranch
- 9A7257
≈ Liver Chestnut
- 7A8054
≈ Calliste Green
トライアド +120° +240°
- 8D794F
Rustic Ranch
- 4A878E
≈ Flounce
- 8F6F91
≈ Wine Stroll
スプリットコンプリメンタリー +150° +210°
- 8D794F
Rustic Ranch
- 55829C
≈ Bountiful Blue
- 7E749E
≈ Voxatron Purple
テトラード +90° +180° +270°
- 8D794F
Rustic Ranch
- 518879
≈ Wintergreen Dream
- 697BA2
≈ Night Thistle
- 9A6C7D
≈ Wild Geranium
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.21:1 · APCA Lc 69
Ag
AA黒の上
WCAG 4.98:1 · APCA Lc 33
最適な文字色: #000000
WCAG 4.98:1 (AA) · APCA Lc 33
Contrast pairs
コードスニペット
CSS
:root {
--rustic-ranch: #8d794f;
--rustic-ranch-rgb: 141 121 79;
--rustic-ranch-oklch: oklch(0.585 0.064 85.1);
}
.element {
color: var(--rustic-ranch);
background-color: hsl(41 28% 43%);
border-color: oklch(0.585 0.064 85.1);
}Tailwind CSS v4
@theme {
--color-rustic-ranch: #8d794f;
--color-rustic-ranch-50: #fdf4e1;
--color-rustic-ranch-100: #f1e7d0;
--color-rustic-ranch-200: #e0d3b6;
--color-rustic-ranch-300: #c5b693;
--color-rustic-ranch-400: #b09c73;
--color-rustic-ranch-500: #9a8354;
--color-rustic-ranch-600: #826f48;
--color-rustic-ranch-700: #685939;
--color-rustic-ranch-800: #4d4128;
--color-rustic-ranch-900: #362c1b;
--color-rustic-ranch-950: #21190b;
}SCSS
$rustic-ranch: #8d794f;
$rustic-ranch-rgb: 141, 121, 79;
$rustic-ranch-light: mix(#fff, $rustic-ranch, 20%);
$rustic-ranch-dark: mix(#000, $rustic-ranch, 20%);
.element {
color: $rustic-ranch;
box-shadow: 0 0 0 2px rgba($rustic-ranch, 0.35);
}