이름 색상 · #78726E
Vintage Boots
Vintage Boots은(는) #78726E: rgb(120 114 110), hsl(24 4% 45%), oklch(0.556 0.01 56.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Vintage Boots color name →
#78726E
oklch(0.556 0.01 56.2)
색상 변환
- HEX
- #78726e
- RGB
- rgb(120 114 110)
- HSL
- hsl(24 4% 45%)
- HWB
- hwb(24 43% 53%)
- OKLCH
- oklch(0.556 0.01 56.2)
- OKLab
- oklab(0.556 0.005 0.008)
- CIE Lab
- lab(48.49 1.83 3.09)
- LCH
- lch(48.49 3.59 59.5)
- CMYK
- cmyk(0% 5% 8% 53%)
틴트 · 셰이드 · 톤
틴트
- 857F7B
- 918C89
- 9F9A97
- ACA8A5
- B9B6B4
- C7C4C2
- D5D3D1
- E3E1E0
- F1F0F0
셰이드
- 67625F
- 575350
- 484441
- 393633
- 2A2826
- 1D1B19
- 100E0E
- 050404
- 010101
톤
- 797370
- 7A7572
- 7A7673
- 7B7875
- 7C7977
- 7D7A79
- 7E7C7B
- 7E7D7C
- 7F7F7E
색 조화
보색 +180°
- 78726E
Vintage Boots
- 6E7478
≈ Battleship Grey
유사색 -30° +30°
- 78726E
Vintage Boots
- 797170
≈ Simple Silhouette
- 76736D
≈ Gauntlet Grey
삼각 배색 +120° +240°
- 78726E
Vintage Boots
- 6E7573
≈ Sandpiper Cove
- 747278
≈ Steel Armour
분열 보색 +150° +210°
- 78726E
Vintage Boots
- 6D7576
≈ Battleship Grey
- 717379
≈ Raven Grey
사각 배색 +90° +180° +270°
- 78726E
Vintage Boots
- 707570
≈ Dawnstone
- 6E7478
≈ Battleship Grey
- 767176
≈ Steel Armour
대비 및 접근성
Ag
AA흰색 위
WCAG 4.73:1 · APCA Lc 73
Ag
Fail검은색 위
WCAG 4.43:1 · APCA Lc 29
가장 좋은 글자색: #FFFFFF
WCAG 4.73:1 (AA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--vintage-boots: #78726e;
--vintage-boots-rgb: 120 114 110;
--vintage-boots-oklch: oklch(0.556 0.01 56.2);
}
.element {
color: var(--vintage-boots);
background-color: hsl(24 4% 45%);
border-color: oklch(0.556 0.01 56.2);
}Tailwind CSS v4
@theme {
--color-vintage-boots: #78726e;
--color-vintage-boots-50: #f7f4f2;
--color-vintage-boots-100: #eae7e5;
--color-vintage-boots-200: #d7d3d0;
--color-vintage-boots-300: #bbb6b3;
--color-vintage-boots-400: #a39d99;
--color-vintage-boots-500: #8b8580;
--color-vintage-boots-600: #76706c;
--color-vintage-boots-700: #5e5a57;
--color-vintage-boots-800: #45413f;
--color-vintage-boots-900: #302d2c;
--color-vintage-boots-950: #1c1a19;
}SCSS
$vintage-boots: #78726e;
$vintage-boots-rgb: 120, 114, 110;
$vintage-boots-light: mix(#fff, $vintage-boots, 20%);
$vintage-boots-dark: mix(#000, $vintage-boots, 20%);
.element {
color: $vintage-boots;
box-shadow: 0 0 0 2px rgba($vintage-boots, 0.35);
}