Named color · #AABBAA
Rockfall
Rockfall is #AABBAA: rgb(170 187 170), hsl(120 11% 70%), oklch(0.774 0.03 145.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Rockfall color name →
#AABBAA
oklch(0.774 0.03 145.3)
Color conversions
- HEX
- #aabbaa
- RGB
- rgb(170 187 170)
- HSL
- hsl(120 11% 70%)
- HWB
- hwb(120 67% 27%)
- OKLCH
- oklch(0.774 0.03 145.3)
- OKLab
- oklab(0.774 -0.025 0.017)
- CIE Lab
- lab(74.19 -8.5 6.55)
- LCH
- lch(74.19 10.72 142.4)
- CMYK
- cmyk(9% 0% 9% 27%)
Tints · Shades · Tones
Tints
- B2C2B2
- BBC8BB
- C3CFC3
- CBD6CB
- D4DDD4
- DCE3DC
- E5EAE5
- EEF1EE
- F6F8F6
Shades
- 93A293
- 7D8A7D
- 687368
- 535C53
- 3F463F
- 2D322D
- 1B1F1B
- 0B0D0B
- 010201
Tones
- A6B5A6
- A1AFA1
- 9DA99D
- 99A399
- 959D95
- 919791
- 8C918C
- 888B88
- 848684
Color harmonies
Complementary +180°
- AABBAA
Rockfall
- C0AFC0
≈ Almost Plum
Analogous -30° +30°
- AABBAA
Rockfall
- B4B8A3
≈ Matt Sage
- A2BCB4
≈ Garden Twilight
Triadic +120° +240°
- AABBAA
Rockfall
- ACB6CA
≈ Spacious Sky
- C8AFAC
≈ Lacey
Split-complementary +150° +210°
- AABBAA
Rockfall
- B7B2C7
≈ Bohemianism
- C6AEB6
≈ Velvet Ears
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.01:1 · APCA Lc 39
Ag
AAAOn black
WCAG 10.39:1 · APCA Lc 63
Best text color: #000000
WCAG 10.39:1 (AAA) · APCA Lc 63
Contrast pairs
Code snippets
CSS
:root {
--rockfall: #aabbaa;
--rockfall-rgb: 170 187 170;
--rockfall-oklch: oklch(0.774 0.03 145.3);
}
.element {
color: var(--rockfall);
background-color: hsl(120 11% 70%);
border-color: oklch(0.774 0.03 145.3);
}Tailwind CSS v4
@theme {
--color-rockfall: #aabbaa;
--color-rockfall-50: #f0f8f0;
--color-rockfall-100: #e2ebe2;
--color-rockfall-200: #ccd8cd;
--color-rockfall-300: #aebcaf;
--color-rockfall-400: #94a394;
--color-rockfall-500: #7a8c7a;
--color-rockfall-600: #677667;
--color-rockfall-700: #535f53;
--color-rockfall-800: #3c453c;
--color-rockfall-900: #293029;
--color-rockfall-950: #171c17;
}SCSS
$rockfall: #aabbaa;
$rockfall-rgb: 170, 187, 170;
$rockfall-light: mix(#fff, $rockfall, 20%);
$rockfall-dark: mix(#000, $rockfall, 20%);
.element {
color: $rockfall;
box-shadow: 0 0 0 2px rgba($rockfall, 0.35);
}