Adlandırılmış renk · #ACB193
Spring Walk
Spring Walk, #ACB193: rgb(172 177 147), hsl(70 16% 64%), oklch(0.748 0.042 115.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Spring Walk color name →
#ACB193
oklch(0.748 0.042 115.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B4B99D
- BCC0A8
- C4C8B3
- CCD0BD
- D5D7C8
- DDDFD3
- E5E7DE
- EEEFE9
- F6F7F4
Koyu tonlar
- 95997F
- 7F836C
- 696C59
- 545747
- 404236
- 2D2F25
- 1B1C16
- 0B0C08
- 010101
Gri tonlar
- A7AC91
- A3A78F
- 9FA28E
- 9A9D8C
- 96988A
- 919388
- 8D8E86
- 898A84
- 848582
Renk uyumları
Tamamlayıcı +180°
- ACB193
Spring Walk
- AFA9C6
≈ Instigate
Analog -30° +30°
- ACB193
Spring Walk
- BAAC90
≈ Prairie Dust
- 9DB59D
≈ Copper Patina
Üçlü +120° +240°
- ACB193
Spring Walk
- 94B2C5
≈ Porcelain Vase
- C4A3AF
≈ Shady Pink
Bölünmüş tamamlayıcı +150° +210°
- ACB193
Spring Walk
- A1AEC9
≈ Poetry Reading
- BCA5BC
≈ Viola Sororia
Dörtlü +90° +180° +270°
- ACB193
Spring Walk
- 8FB6BA
≈ Eyefull
- AFA9C6
≈ Instigate
- C7A4A0
≈ Rose Potpourri
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.21:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.46:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.46:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
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);
}