Cor nomeada · #ACB193
Spring Walk
Spring Walk é #ACB193: rgb(172 177 147), hsl(70 16% 64%), oklch(0.748 0.042 115.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Spring Walk color name →
#ACB193
oklch(0.748 0.042 115.1)
Conversões de cor
- HEX
- #acb193
- RGB
- rgb(172 177 147)
- HSL
- hsl(70 16% 64%)
- HWB
- hwb(70 58% 31%)
- OKLCH
- oklch(0.748 0.042 115.1)
- OKLab
- oklab(0.748 -0.018 0.038)
- CIE Lab
- lab(71.19 -5.75 14.8)
- LCH
- lch(71.19 15.87 111.2)
- CMYK
- cmyk(3% 0% 17% 31%)
Tons claros · Sombras · Tons
Tons claros
- B4B99D
- BCC0A8
- C4C8B3
- CCD0BD
- D5D7C8
- DDDFD3
- E5E7DE
- EEEFE9
- F6F7F4
Sombras
- 95997F
- 7F836C
- 696C59
- 545747
- 404236
- 2D2F25
- 1B1C16
- 0B0C08
- 010101
Tons
- A7AC91
- A3A78F
- 9FA28E
- 9A9D8C
- 96988A
- 919388
- 8D8E86
- 898A84
- 848582
Harmonias de cor
Complementar +180°
- ACB193
Spring Walk
- AFA9C6
≈ Instigate
Análoga -30° +30°
- ACB193
Spring Walk
- BAAC90
≈ Prairie Dust
- 9DB59D
≈ Copper Patina
Tríade +120° +240°
- ACB193
Spring Walk
- 94B2C5
≈ Porcelain Vase
- C4A3AF
≈ Shady Pink
Complementar dividida +150° +210°
- ACB193
Spring Walk
- A1AEC9
≈ Poetry Reading
- BCA5BC
≈ Viola Sororia
Tétrade +90° +180° +270°
- ACB193
Spring Walk
- 8FB6BA
≈ Eyefull
- AFA9C6
≈ Instigate
- C7A4A0
≈ Rose Potpourri
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.21:1 · APCA Lc 44
Ag
AAASobre preto
WCAG 9.46:1 · APCA Lc 58
Melhor cor de texto: #000000
WCAG 9.46:1 (AAA) · APCA Lc 58
Contrast pairs
Trechos de código
CSS
:root {
--spring-walk: #acb193;
--spring-walk-rgb: 172 177 147;
--spring-walk-oklch: oklch(0.748 0.042 115.1);
}
.element {
color: var(--spring-walk);
background-color: hsl(70 16% 64%);
border-color: oklch(0.748 0.042 115.1);
}Tailwind CSS v4
@theme {
--color-spring-walk: #acb193;
--color-spring-walk-50: #f4f7ea;
--color-spring-walk-100: #e6eada;
--color-spring-walk-200: #d2d7c3;
--color-spring-walk-300: #b5bba3;
--color-spring-walk-400: #9da286;
--color-spring-walk-500: #858a6a;
--color-spring-walk-600: #70755a;
--color-spring-walk-700: #5a5d48;
--color-spring-walk-800: #424433;
--color-spring-walk-900: #2e2f23;
--color-spring-walk-950: #1a1c12;
}SCSS
$spring-walk: #acb193;
$spring-walk-rgb: 172, 177, 147;
$spring-walk-light: mix(#fff, $spring-walk, 20%);
$spring-walk-dark: mix(#000, $spring-walk, 20%);
.element {
color: $spring-walk;
box-shadow: 0 0 0 2px rgba($spring-walk, 0.35);
}