色名 · #A5B3AB
Gaelic Garden
Gaelic Gardenは#A5B3AB：rgb(165 179 171)、hsl(146 8% 67%)、oklch(0.753 0.019 161)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Gaelic Garden color name →
#A5B3AB
oklch(0.753 0.019 161)
カラー変換
- HEX
- #a5b3ab
- RGB
- rgb(165 179 171)
- HSL
- hsl(146 8% 67%)
- HWB
- hwb(146 65% 30%)
- OKLCH
- oklch(0.753 0.019 161)
- OKLab
- oklab(0.753 -0.018 0.006)
- CIE Lab
- lab(71.66 -6.21 2.34)
- LCH
- lch(71.66 6.64 159.4)
- CMYK
- cmyk(8% 0% 4% 30%)
ティント · シェード · トーン
ティント
- AEBAB3
- B6C2BB
- BFC9C4
- C8D1CC
- D1D8D4
- DAE0DD
- E3E8E5
- ECEFEE
- F6F7F6
シェード
- 8F9B94
- 79847E
- 656E68
- 515854
- 3D4340
- 2B2F2D
- 1A1D1B
- 0A0C0B
- 010101
トーン
- A1AEA7
- 9EA9A2
- 9AA39E
- 969E9A
- 929995
- 8F9491
- 8B8F8D
- 878A88
- 848584
カラーハーモニー
補色 +180°
- A5B3AB
Gaelic Garden
- B8AAB3
≈ Lavender Cloud
類似色 -30° +30°
- A5B3AB
Gaelic Garden
- ABB2A5
≈ Forever Green
- A2B3B2
≈ Marine Layer
トライアド +120° +240°
- A5B3AB
Gaelic Garden
- ACAEBB
≈ Polar Mist
- BAABA6
≈ Embarrassed Shadow
スプリットコンプリメンタリー +150° +210°
- A5B3AB
Gaelic Garden
- B3ACB8
≈ Audition
- BBAAAC
≈ Relaxed Rhino
テトラード +90° +180° +270°
- A5B3AB
Gaelic Garden
- A6B0BB
≈ Berry Chalk
- B8AAB3
≈ Lavender Cloud
- B7ADA2
≈ Packed Sand
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.17:1 · APCA Lc 43
Ag
AAA黒の上
WCAG 9.63:1 · APCA Lc 59
最適な文字色: #000000
WCAG 9.63:1 (AAA) · APCA Lc 59
Contrast pairs
コードスニペット
CSS
:root {
--gaelic-garden: #a5b3ab;
--gaelic-garden-rgb: 165 179 171;
--gaelic-garden-oklch: oklch(0.753 0.019 161);
}
.element {
color: var(--gaelic-garden);
background-color: hsl(146 8% 67%);
border-color: oklch(0.753 0.019 161);
}Tailwind CSS v4
@theme {
--color-gaelic-garden: #a5b3ab;
--color-gaelic-garden-50: #f0f7f3;
--color-gaelic-garden-100: #e2eae6;
--color-gaelic-garden-200: #cdd7d2;
--color-gaelic-garden-300: #afbbb4;
--color-gaelic-garden-400: #95a29b;
--color-gaelic-garden-500: #7c8a82;
--color-gaelic-garden-600: #69756e;
--color-gaelic-garden-700: #545e58;
--color-gaelic-garden-800: #3d4440;
--color-gaelic-garden-900: #2a2f2c;
--color-gaelic-garden-950: #171c19;
}SCSS
$gaelic-garden: #a5b3ab;
$gaelic-garden-rgb: 165, 179, 171;
$gaelic-garden-light: mix(#fff, $gaelic-garden, 20%);
$gaelic-garden-dark: mix(#000, $gaelic-garden, 20%);
.element {
color: $gaelic-garden;
box-shadow: 0 0 0 2px rgba($gaelic-garden, 0.35);
}