이름 색상 · #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);
}