Named color · #A4A6A4
Chain Reaction
Chain Reaction is #A4A6A4: rgb(164 166 164), hsl(120 1% 65%), oklch(0.723 0.004 145.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Chain Reaction color name →
#A4A6A4
oklch(0.723 0.004 145.5)
Color conversions
- HEX
- #a4a6a4
- RGB
- rgb(164 166 164)
- HSL
- hsl(120 1% 65%)
- HWB
- hwb(120 64% 35%)
- OKLCH
- oklch(0.723 0.004 145.5)
- OKLab
- oklab(0.723 -0.003 0.002)
- CIE Lab
- lab(67.91 -1.02 0.77)
- LCH
- lch(67.91 1.28 142.9)
- CMYK
- cmyk(1% 0% 1% 35%)
Tints · Shades · Tones
Tints
- ADAFAD
- B6B7B6
- BFC0BF
- C7C9C7
- D1D2D1
- DADBDA
- E3E4E3
- ECEDEC
- F6F6F6
Shades
- 8E908E
- 797A79
- 646564
- 505150
- 3D3E3D
- 2B2B2B
- 1A1A1A
- 0A0A0A
- 010101
Tones
- A0A2A0
- 9D9E9D
- 999A99
- 959795
- 929392
- 8E8F8E
- 8B8B8B
- 878787
- 848484
Color harmonies
Complementary +180°
- A4A6A4
Chain Reaction
- A7A5A7
≈ Quicksilver
Analogous -30° +30°
- A4A6A4
Chain Reaction
- A5A6A3
≈ Chain Reaction
- A3A6A5
≈ Chain Reaction
Triadic +120° +240°
- A4A6A4
Chain Reaction
- A4A5A8
≈ Lionfish
- A8A5A4
≈ Smokey Wings
Split-complementary +150° +210°
- A4A6A4
Chain Reaction
- A5A5A7
≈ Rainy Grey
- A7A4A5
≈ Crystal Noir
Tetradic +90° +180° +270°
- A4A6A4
Chain Reaction
- A3A6A7
≈ Ironbreaker Metal
- A7A5A7
≈ Quicksilver
- A7A5A3
≈ Smokey Wings
Contrast & accessibility
Ag
FailOn white
WCAG 2.45:1 · APCA Lc 48
Ag
AAAOn black
WCAG 8.56:1 · APCA Lc 54
Best text color: #000000
WCAG 8.56:1 (AAA) · APCA Lc 54
Contrast pairs
Code snippets
CSS
:root {
--chain-reaction: #a4a6a4;
--chain-reaction-rgb: 164 166 164;
--chain-reaction-oklch: oklch(0.723 0.004 145.5);
}
.element {
color: var(--chain-reaction);
background-color: hsl(120 1% 65%);
border-color: oklch(0.723 0.004 145.5);
}Tailwind CSS v4
@theme {
--color-chain-reaction: #a4a6a4;
--color-chain-reaction-50: #f4f5f4;
--color-chain-reaction-100: #e7e8e7;
--color-chain-reaction-200: #d3d5d3;
--color-chain-reaction-300: #b6b8b6;
--color-chain-reaction-400: #9d9f9d;
--color-chain-reaction-500: #858785;
--color-chain-reaction-600: #707270;
--color-chain-reaction-700: #5a5b5a;
--color-chain-reaction-800: #424341;
--color-chain-reaction-900: #2d2e2d;
--color-chain-reaction-950: #1a1b1a;
}SCSS
$chain-reaction: #a4a6a4;
$chain-reaction-rgb: 164, 166, 164;
$chain-reaction-light: mix(#fff, $chain-reaction, 20%);
$chain-reaction-dark: mix(#000, $chain-reaction, 20%);
.element {
color: $chain-reaction;
box-shadow: 0 0 0 2px rgba($chain-reaction, 0.35);
}