色名 · #ACB193
Spring Walk
Spring Walkは#ACB193：rgb(172 177 147)、hsl(70 16% 64%)、oklch(0.748 0.042 115.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Spring Walk color name →
#ACB193
oklch(0.748 0.042 115.1)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- B4B99D
- BCC0A8
- C4C8B3
- CCD0BD
- D5D7C8
- DDDFD3
- E5E7DE
- EEEFE9
- F6F7F4
シェード
- 95997F
- 7F836C
- 696C59
- 545747
- 404236
- 2D2F25
- 1B1C16
- 0B0C08
- 010101
トーン
- A7AC91
- A3A78F
- 9FA28E
- 9A9D8C
- 96988A
- 919388
- 8D8E86
- 898A84
- 848582
カラーハーモニー
補色 +180°
- ACB193
Spring Walk
- AFA9C6
≈ Instigate
類似色 -30° +30°
- ACB193
Spring Walk
- BAAC90
≈ Prairie Dust
- 9DB59D
≈ Copper Patina
トライアド +120° +240°
- ACB193
Spring Walk
- 94B2C5
≈ Porcelain Vase
- C4A3AF
≈ Shady Pink
スプリットコンプリメンタリー +150° +210°
- ACB193
Spring Walk
- A1AEC9
≈ Poetry Reading
- BCA5BC
≈ Viola Sororia
テトラード +90° +180° +270°
- ACB193
Spring Walk
- 8FB6BA
≈ Eyefull
- AFA9C6
≈ Instigate
- C7A4A0
≈ Rose Potpourri
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.21:1 · APCA Lc 44
Ag
AAA黒の上
WCAG 9.46:1 · APCA Lc 58
最適な文字色: #000000
WCAG 9.46:1 (AAA) · APCA Lc 58
Contrast pairs
コードスニペット
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);
}