最も近い色名 · #999AA4
#999AA4
最も近い色名: Dark Ages
#999AA4（rgb(153 154 164)、hsl(235 6% 62%)、oklch(0.689 0.015 281.4)）に最も近い色名はDark Agesです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#999AA4
oklch(0.689 0.015 281.4)
カラー変換
- HEX
- #999aa4
- RGB
- rgb(153 154 164)
- HSL
- hsl(235 6% 62%)
- HWB
- hwb(235 60% 36%)
- OKLCH
- oklch(0.689 0.015 281.4)
- OKLab
- oklab(0.689 0.003 -0.014)
- CIE Lab
- lab(63.76 1.11 -5.38)
- LCH
- lch(63.76 5.49 281.7)
- CMYK
- cmyk(7% 6% 0% 36%)
ティント · シェード · トーン
ティント
- A3A4AD
- ADADB6
- B7B7BF
- C1C1C8
- CBCBD1
- D5D5DA
- DFE0E3
- EAEAEC
- F4F4F6
シェード
- 84858E
- 707179
- 5D5E64
- 4A4B50
- 38393D
- 27272B
- 17171A
- 08090A
- 010101
トーン
- 9697A0
- 94959D
- 919299
- 8F9095
- 8C8D92
- 8A8A8E
- 87888B
- 858587
- 828384
カラーハーモニー
補色 +180°
- 999AA4
Dark Ages
- 9C9B91
≈ Acier
類似色 -30° +30°
- 999AA4
Dark Ages
- 959CA4
≈ Dustblu
- 9E98A2
≈ Fortune
トライアド +120° +240°
- 999AA4
Dark Ages
- A39894
≈ Gustav
- 939E98
≈ Marble Green
スプリットコンプリメンタリー +150° +210°
- 999AA4
Dark Ages
- A19A91
≈ Grey Flanks
- 989D94
≈ Acacia Haze
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.51:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--dark-ages: #999aa4;
--dark-ages-rgb: 153 154 164;
--dark-ages-oklch: oklch(0.689 0.015 281.4);
}
.element {
color: var(--dark-ages);
background-color: hsl(235 6% 62%);
border-color: oklch(0.689 0.015 281.4);
}Tailwind CSS v4
@theme {
--color-dark-ages: #999aa4;
--color-dark-ages-50: #f4f5f9;
--color-dark-ages-100: #e7e7ed;
--color-dark-ages-200: #d3d3da;
--color-dark-ages-300: #b6b7bf;
--color-dark-ages-400: #9d9ea7;
--color-dark-ages-500: #848590;
--color-dark-ages-600: #70717a;
--color-dark-ages-700: #595a61;
--color-dark-ages-800: #414247;
--color-dark-ages-900: #2d2d31;
--color-dark-ages-950: #1a1a1d;
}SCSS
$dark-ages: #999aa4;
$dark-ages-rgb: 153, 154, 164;
$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);
}