色名 · #A5A796
Sunset Meadow
Sunset Meadowは#A5A796：rgb(165 167 150)、hsl(67 9% 62%)、oklch(0.722 0.024 112.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Sunset Meadow color name →
#A5A796
oklch(0.722 0.024 112.4)
カラー変換
- HEX
- #a5a796
- RGB
- rgb(165 167 150)
- HSL
- hsl(67 9% 62%)
- HWB
- hwb(67 59% 35%)
- OKLCH
- oklch(0.722 0.024 112.4)
- OKLab
- oklab(0.722 -0.009 0.022)
- CIE Lab
- lab(67.96 -3.04 8.57)
- LCH
- lch(67.96 9.1 109.5)
- CMYK
- cmyk(1% 0% 10% 35%)
ティント · シェード · トーン
ティント
- AEAFA0
- B6B8AA
- BFC1B5
- C8C9BF
- D1D2C9
- DADBD4
- E3E4DF
- ECEDE9
- F6F6F4
シェード
- 8F9182
- 797B6E
- 65665B
- 515249
- 3D3E37
- 2B2C26
- 1A1A16
- 0A0A08
- 010101
トーン
- A1A394
- 9D9F92
- 9A9B8F
- 96978D
- 92938B
- 8F8F89
- 8B8C87
- 878884
- 848482
カラーハーモニー
補色 +180°
- A5A796
Sunset Meadow
- A5A3B3
≈ Luxe Lilac
類似色 -30° +30°
- A5A796
Sunset Meadow
- ADA495
≈ Mercer Charcoal
- 9DA99B
≈ Scotland Road
トライアド +120° +240°
- A5A796
Sunset Meadow
- 97A8B2
≈ Meditative
- B29FA7
≈ Pinterested
スプリットコンプリメンタリー +150° +210°
- A5A796
Sunset Meadow
- 9DA6B5
≈ Acier Tint
- ADA0AE
≈ Grapeade
テトラード +90° +180° +270°
- A5A796
Sunset Meadow
- 94AAAC
≈ Meditative
- A5A3B3
≈ Luxe Lilac
- B4A09E
≈ Dusky Hyacinth
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.45:1 · APCA Lc 48
Ag
AAA黒の上
WCAG 8.56:1 · APCA Lc 54
最適な文字色: #000000
WCAG 8.56:1 (AAA) · APCA Lc 54
Contrast pairs
コードスニペット
CSS
:root {
--sunset-meadow: #a5a796;
--sunset-meadow-rgb: 165 167 150;
--sunset-meadow-oklch: oklch(0.722 0.024 112.4);
}
.element {
color: var(--sunset-meadow);
background-color: hsl(67 9% 62%);
border-color: oklch(0.722 0.024 112.4);
}Tailwind CSS v4
@theme {
--color-sunset-meadow: #a5a796;
--color-sunset-meadow-50: #f5f6ee;
--color-sunset-meadow-100: #e7e9e0;
--color-sunset-meadow-200: #d4d6ca;
--color-sunset-meadow-300: #b7b9ab;
--color-sunset-meadow-400: #9ea090;
--color-sunset-meadow-500: #868876;
--color-sunset-meadow-600: #717364;
--color-sunset-meadow-700: #5b5c50;
--color-sunset-meadow-800: #43433a;
--color-sunset-meadow-900: #2e2e28;
--color-sunset-meadow-950: #1b1b16;
}SCSS
$sunset-meadow: #a5a796;
$sunset-meadow-rgb: 165, 167, 150;
$sunset-meadow-light: mix(#fff, $sunset-meadow, 20%);
$sunset-meadow-dark: mix(#000, $sunset-meadow, 20%);
.element {
color: $sunset-meadow;
box-shadow: 0 0 0 2px rgba($sunset-meadow, 0.35);
}