Named color · #908F92
Alloy
Alloy is #908F92: rgb(144 143 146), hsl(260 1% 57%), oklch(0.652 0.005 301.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Alloy color name →
#908F92
oklch(0.652 0.005 301.4)
Color conversions
- HEX
- #908f92
- RGB
- rgb(144 143 146)
- HSL
- hsl(260 1% 57%)
- HWB
- hwb(260 56% 43%)
- OKLCH
- oklch(0.652 0.005 301.4)
- OKLab
- oklab(0.652 0.002 -0.004)
- CIE Lab
- lab(59.56 0.82 -1.46)
- LCH
- lch(59.56 1.67 299.3)
- CMYK
- cmyk(1% 2% 0% 43%)
Tints · Shades · Tones
Tints
- 9B9A9C
- A5A4A7
- B0AFB1
- BBBABC
- C6C6C7
- D1D1D2
- DCDCDD
- E8E8E8
- F3F3F4
Shades
- 7D7C7E
- 6A696B
- 575758
- 454546
- 343435
- 242425
- 151516
- 070708
- 010101
Tones
- 8E8D90
- 8D8C8E
- 8B8A8D
- 8A898B
- 888789
- 868687
- 858485
- 838384
- 828182
Color harmonies
Complementary +180°
- 908F92
Alloy
- 8F908D
≈ T-Rex Fossil
Analogous -30° +30°
- 908F92
Alloy
- 8F9092
≈ Alloy
- 918F91
≈ Alloy
Triadic +120° +240°
- 908F92
Alloy
- 928F8D
≈ Antique Silver
- 8D9190
≈ Neutral Grey
Split-complementary +150° +210°
- 908F92
Alloy
- 91908D
≈ Four-Wheel Grey
- 8E908E
≈ T-Rex Fossil
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.21:1 · APCA Lc 59
Ag
AAOn black
WCAG 6.52:1 · APCA Lc 42
Best text color: #000000
WCAG 6.52:1 (AA) · APCA Lc 42
Contrast pairs
Code snippets
CSS
:root {
--alloy: #908f92;
--alloy-rgb: 144 143 146;
--alloy-oklch: oklch(0.652 0.005 301.4);
}
.element {
color: var(--alloy);
background-color: hsl(260 1% 57%);
border-color: oklch(0.652 0.005 301.4);
}Tailwind CSS v4
@theme {
--color-alloy: #908f92;
--color-alloy-50: #f5f5f6;
--color-alloy-100: #e8e7e9;
--color-alloy-200: #d4d4d6;
--color-alloy-300: #b8b7b9;
--color-alloy-400: #9f9ea1;
--color-alloy-500: #868589;
--color-alloy-600: #727174;
--color-alloy-700: #5b5a5c;
--color-alloy-800: #424244;
--color-alloy-900: #2e2d2f;
--color-alloy-950: #1b1a1b;
}SCSS
$alloy: #908f92;
$alloy-rgb: 144, 143, 146;
$alloy-light: mix(#fff, $alloy, 20%);
$alloy-dark: mix(#000, $alloy, 20%);
.element {
color: $alloy;
box-shadow: 0 0 0 2px rgba($alloy, 0.35);
}