Cor nomeada · #AABBAA
Rockfall
Rockfall é #AABBAA: rgb(170 187 170), hsl(120 11% 70%), oklch(0.774 0.03 145.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Rockfall color name →
#AABBAA
oklch(0.774 0.03 145.3)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- B2C2B2
- BBC8BB
- C3CFC3
- CBD6CB
- D4DDD4
- DCE3DC
- E5EAE5
- EEF1EE
- F6F8F6
Sombras
- 93A293
- 7D8A7D
- 687368
- 535C53
- 3F463F
- 2D322D
- 1B1F1B
- 0B0D0B
- 010201
Tons
- A6B5A6
- A1AFA1
- 9DA99D
- 99A399
- 959D95
- 919791
- 8C918C
- 888B88
- 848684
Harmonias de cor
Complementar +180°
- AABBAA
Rockfall
- C0AFC0
≈ Almost Plum
Análoga -30° +30°
- AABBAA
Rockfall
- B4B8A3
≈ Matt Sage
- A2BCB4
≈ Garden Twilight
Tríade +120° +240°
- AABBAA
Rockfall
- ACB6CA
≈ Spacious Sky
- C8AFAC
≈ Lacey
Complementar dividida +150° +210°
- AABBAA
Rockfall
- B7B2C7
≈ Bohemianism
- C6AEB6
≈ Velvet Ears
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.01:1 · APCA Lc 39
Ag
AAASobre preto
WCAG 10.39:1 · APCA Lc 63
Melhor cor de texto: #000000
WCAG 10.39:1 (AAA) · APCA Lc 63
Contrast pairs
Trechos de código
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);
}