이름 색상 · #8E5164
Velour Scar
Velour Scar은(는) #8E5164: rgb(142 81 100), hsl(341 27% 44%), oklch(0.512 0.085 0.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Velour Scar color name →
#8E5164
oklch(0.512 0.085 0.5)
색상 변환
- HEX
- #8e5164
- RGB
- rgb(142 81 100)
- HSL
- hsl(341 27% 44%)
- HWB
- hwb(341 32% 44%)
- OKLCH
- oklch(0.512 0.085 0.5)
- OKLab
- oklab(0.512 0.085 0.001)
- CIE Lab
- lab(42.29 27.93 0.63)
- LCH
- lch(42.29 27.94 1.3)
- CMYK
- cmyk(0% 43% 30% 44%)
틴트 · 셰이드 · 톤
틴트
- 9A6172
- A57281
- B18390
- BC949F
- C8A5AE
- D3B7BE
- DEC8CE
- E9DADE
- F4EDEE
셰이드
- 7B4556
- 683A48
- 562F3B
- 44242E
- 341A22
- 241016
- 15070B
- 070203
- 010000
톤
- 8D5667
- 8C5B6A
- 8B606C
- 8A656F
- 896972
- 886E75
- 867277
- 84777A
- 827C7D
색 조화
보색 +180°
- 8E5164
Velour Scar
- 1B7669
≈ Hawk Turquoise
유사색 -30° +30°
- 8E5164
Velour Scar
- 82547D
≈ Purple Davenport
- 915349
≈ Cogswell Cedar
삼각 배색 +120° +240°
- 8E5164
Velour Scar
- 606E33
≈ Russian Uniform
- 346C92
≈ Blue Oasis
분열 보색 +150° +210°
- 8E5164
Velour Scar
- 40744D
≈ Grasslands
- 117382
≈ Deep Current
사각 배색 +90° +180° +270°
- 8E5164
Velour Scar
- 796426
≈ Brazen Brass
- 1B7669
≈ Hawk Turquoise
- 546497
≈ Breathtaking
대비 및 접근성
Ag
AA흰색 위
WCAG 5.98:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.51:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 5.98:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--velour-scar: #8e5164;
--velour-scar-rgb: 142 81 100;
--velour-scar-oklch: oklch(0.512 0.085 0.5);
}
.element {
color: var(--velour-scar);
background-color: hsl(341 27% 44%);
border-color: oklch(0.512 0.085 0.5);
}Tailwind CSS v4
@theme {
--color-velour-scar: #8e5164;
--color-velour-scar-50: #ffecf3;
--color-velour-scar-100: #ffdde5;
--color-velour-scar-200: #f5c6d1;
--color-velour-scar-300: #dda6b3;
--color-velour-scar-400: #c98a9c;
--color-velour-scar-500: #b46e83;
--color-velour-scar-600: #985d6f;
--color-velour-scar-700: #7a4a59;
--color-velour-scar-800: #5a3642;
--color-velour-scar-900: #3f252d;
--color-velour-scar-950: #28131a;
}SCSS
$velour-scar: #8e5164;
$velour-scar-rgb: 142, 81, 100;
$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);
}