色名 · #948971
Dry Pasture
Dry Pastureは#948971：rgb(148 137 113)、hsl(41 14% 51%)、oklch(0.633 0.037 86.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Dry Pasture color name →
#948971
oklch(0.633 0.037 86.3)
カラー変換
- HEX
- #948971
- RGB
- rgb(148 137 113)
- HSL
- hsl(41 14% 51%)
- HWB
- hwb(41 44% 42%)
- OKLCH
- oklch(0.633 0.037 86.3)
- OKLab
- oklab(0.633 0.002 0.037)
- CIE Lab
- lab(57.58 1.28 14.5)
- LCH
- lch(57.58 14.55 85)
- CMYK
- cmyk(0% 7% 24% 42%)
ティント · シェード · トーン
ティント
- 9E947E
- A9A08C
- B3AB9A
- BEB7A8
- C8C2B6
- D3CEC4
- DEDAD3
- E9E6E1
- F4F3F0
シェード
- 807661
- 6D6452
- 5A5343
- 484235
- 363127
- 26221A
- 16140E
- 080704
- 010101
トーン
- 928873
- 908774
- 8E8676
- 8C8577
- 8A8579
- 88847A
- 86837C
- 84827D
- 82817F
カラーハーモニー
補色 +180°
- 948971
Dry Pasture
- 808AA1
≈ Violet Aura
類似色 -30° +30°
- 948971
Dry Pasture
- 9C8575
≈ Blanket Brown
- 888D74
≈ Aloe Thorn
トライアド +120° +240°
- 948971
Dry Pasture
- 709195
≈ Mineral Blue
- 968396
≈ Femme Fatale
スプリットコンプリメンタリー +150° +210°
- 948971
Dry Pasture
- 758E9E
≈ Smoky Azurite
- 8C869E
≈ Mandrake
テトラード +90° +180° +270°
- 948971
Dry Pasture
- 739289
≈ Longmeadow
- 808AA1
≈ Violet Aura
- 9D818B
≈ Tropical Orchid
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.45:1 · APCA Lc 62
Ag
AA黒の上
WCAG 6.07:1 · APCA Lc 40
最適な文字色: #000000
WCAG 6.07:1 (AA) · APCA Lc 40
Contrast pairs
コードスニペット
CSS
:root {
--dry-pasture: #948971;
--dry-pasture-rgb: 148 137 113;
--dry-pasture-oklch: oklch(0.633 0.037 86.3);
}
.element {
color: var(--dry-pasture);
background-color: hsl(41 14% 51%);
border-color: oklch(0.633 0.037 86.3);
}Tailwind CSS v4
@theme {
--color-dry-pasture: #948971;
--color-dry-pasture-50: #f9f5ea;
--color-dry-pasture-100: #ede7da;
--color-dry-pasture-200: #dbd4c3;
--color-dry-pasture-300: #bfb7a2;
--color-dry-pasture-400: #a89d86;
--color-dry-pasture-500: #91856b;
--color-dry-pasture-600: #7b715a;
--color-dry-pasture-700: #625a48;
--color-dry-pasture-800: #484234;
--color-dry-pasture-900: #322d23;
--color-dry-pasture-950: #1e1a12;
}SCSS
$dry-pasture: #948971;
$dry-pasture-rgb: 148, 137, 113;
$dry-pasture-light: mix(#fff, $dry-pasture, 20%);
$dry-pasture-dark: mix(#000, $dry-pasture, 20%);
.element {
color: $dry-pasture;
box-shadow: 0 0 0 2px rgba($dry-pasture, 0.35);
}