最も近い色名 · #9B9AA0
#9B9AA0
最も近い色名: Dark Ages
#9B9AA0（rgb(155 154 160)、hsl(250 3% 62%)、oklch(0.689 0.009 293.8)）に最も近い色名はDark Agesです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#9B9AA0
oklch(0.689 0.009 293.8)
カラー変換
- HEX
- #9b9aa0
- RGB
- rgb(155 154 160)
- HSL
- hsl(250 3% 62%)
- HWB
- hwb(250 60% 37%)
- OKLCH
- oklch(0.689 0.009 293.8)
- OKLab
- oklab(0.689 0.004 -0.008)
- CIE Lab
- lab(63.83 1.25 -3.02)
- LCH
- lch(63.83 3.26 292.5)
- CMYK
- cmyk(3% 4% 0% 37%)
ティント · シェード · トーン
ティント
- A5A4A9
- AEADB2
- B8B7BC
- C2C1C5
- CCCBCE
- D6D5D8
- E0E0E2
- EAEAEB
- F5F4F5
シェード
- 86858B
- 727176
- 5E5E61
- 4B4B4E
- 39393B
- 282729
- 181719
- 090909
- 010101
トーン
- 98979D
- 96959A
- 939296
- 908F93
- 8D8D90
- 8B8A8D
- 888889
- 858586
- 838383
カラーハーモニー
補色 +180°
- 9B9AA0
Dark Ages
- 9B9C96
≈ Delta
類似色 -30° +30°
- 9B9AA0
Dark Ages
- 989BA1
≈ Harrison Grey
- 9E999E
≈ Sugilite
トライアド +120° +240°
- 9B9AA0
Dark Ages
- A09A96
≈ Flint Grey
- 969D9A
≈ Gun Barrel
スプリットコンプリメンタリー +150° +210°
- 9B9AA0
Dark Ages
- 9D9B95
≈ Delta
- 989C98
≈ Pipe Dream
テトラード +90° +180° +270°
- 9B9AA0
Dark Ages
- A09998
≈ Sugar Tree
- 9B9C96
≈ Delta
- 959D9D
≈ Hatteras Grey
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.52:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--dark-ages: #9b9aa0;
--dark-ages-rgb: 155 154 160;
--dark-ages-oklch: oklch(0.689 0.009 293.8);
}
.element {
color: var(--dark-ages);
background-color: hsl(250 3% 62%);
border-color: oklch(0.689 0.009 293.8);
}Tailwind CSS v4
@theme {
--color-dark-ages: #9b9aa0;
--color-dark-ages-50: #f5f5f7;
--color-dark-ages-100: #e8e7ea;
--color-dark-ages-200: #d4d3d8;
--color-dark-ages-300: #b7b6bb;
--color-dark-ages-400: #9e9da3;
--color-dark-ages-500: #86858c;
--color-dark-ages-600: #727176;
--color-dark-ages-700: #5b5a5e;
--color-dark-ages-800: #424245;
--color-dark-ages-900: #2e2d30;
--color-dark-ages-950: #1b1a1c;
}SCSS
$dark-ages: #9b9aa0;
$dark-ages-rgb: 155, 154, 160;
$dark-ages-light: mix(#fff, $dark-ages, 20%);
$dark-ages-dark: mix(#000, $dark-ages, 20%);
.element {
color: $dark-ages;
box-shadow: 0 0 0 2px rgba($dark-ages, 0.35);
}