가장 가까운 이름 색상 · #89525C
#89525C
가장 가까운 이름 색상: Velour Scar
#89525C(rgb(137 82 92), hsl(349 25% 43%), oklch(0.504 0.074 8.3))와 가장 가까운 이름 색상은 Velour Scar입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#89525C
oklch(0.504 0.074 8.3)
색상 변환
- HEX
- #89525c
- RGB
- rgb(137 82 92)
- HSL
- hsl(349 25% 43%)
- HWB
- hwb(349 32% 46%)
- OKLCH
- oklch(0.504 0.074 8.3)
- OKLab
- oklab(0.504 0.074 0.011)
- CIE Lab
- lab(41.63 24.55 4.48)
- LCH
- lch(41.63 24.96 10.3)
- CMYK
- cmyk(0% 40% 33% 46%)
틴트 · 셰이드 · 톤
틴트
- 95626B
- A1737A
- AD838A
- B9949A
- C5A5AA
- D0B7BA
- DCC8CB
- E8DADC
- F3EDED
셰이드
- 76464F
- 643B42
- 532F36
- 42252A
- 311A1F
- 221114
- 14080A
- 070203
- 010000
톤
- 895760
- 885C63
- 886067
- 87656A
- 86696E
- 856E71
- 847375
- 837779
- 827C7C
색 조화
보색 +180°
- 89525C
Velour Scar
- 25726D
≈ Advantageous
유사색 -30° +30°
- 89525C
Velour Scar
- 805473
≈ Magnificence
- 895545
≈ True Copper
삼각 배색 +120° +240°
- 89525C
Velour Scar
- 586D3D
≈ Spring Onion
- 41688D
≈ Snake River
분열 보색 +150° +210°
- 89525C
Velour Scar
- 3C7154
≈ Foliage Green
- 286F81
≈ Tlāloc Blue
사각 배색 +90° +180° +270°
- 89525C
Velour Scar
- 70652F
≈ Himalaya
- 25726D
≈ Advantageous
- 5B608F
≈ Breathtaking
대비 및 접근성
Ag
AA흰색 위
WCAG 6.13:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.42:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.13:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--velour-scar: #89525c;
--velour-scar-rgb: 137 82 92;
--velour-scar-oklch: oklch(0.504 0.074 8.3);
}
.element {
color: var(--velour-scar);
background-color: hsl(349 25% 43%);
border-color: oklch(0.504 0.074 8.3);
}Tailwind CSS v4
@theme {
--color-velour-scar: #89525c;
--color-velour-scar-50: #ffedf0;
--color-velour-scar-100: #ffdee2;
--color-velour-scar-200: #f2c8cd;
--color-velour-scar-300: #daa8ae;
--color-velour-scar-400: #c68c96;
--color-velour-scar-500: #b1717c;
--color-velour-scar-600: #966069;
--color-velour-scar-700: #784d54;
--color-velour-scar-800: #59373e;
--color-velour-scar-900: #3e262b;
--color-velour-scar-950: #271418;
}SCSS
$velour-scar: #89525c;
$velour-scar-rgb: 137, 82, 92;
$velour-scar-light: mix(#fff, $velour-scar, 20%);
$velour-scar-dark: mix(#000, $velour-scar, 20%);
.element {
color: $velour-scar;
box-shadow: 0 0 0 2px rgba($velour-scar, 0.35);
}