이름 색상 · #722F37
Red Wine Vinegar
Red Wine Vinegar은(는) #722F37: rgb(114 47 55), hsl(353 42% 32%), oklch(0.401 0.095 15.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Red Wine Vinegar color name →
#722F37
oklch(0.401 0.095 15.1)
색상 변환
- HEX
- #722f37
- RGB
- rgb(114 47 55)
- HSL
- hsl(353 42% 32%)
- HWB
- hwb(353 18% 55%)
- OKLCH
- oklch(0.401 0.095 15.1)
- OKLab
- oklab(0.401 0.092 0.025)
- CIE Lab
- lab(29.45 30.74 10.39)
- LCH
- lch(29.45 32.45 18.7)
- CMYK
- cmyk(0% 59% 52% 55%)
틴트 · 셰이드 · 톤
틴트
- 814349
- 8F565B
- 9E6A6E
- AC7F81
- BA9395
- C8A8A9
- D6BDBE
- E4D3D3
- F1E9E9
셰이드
- 62272E
- 532026
- 44191E
- 361216
- 280C0F
- 1B0608
- 0E0303
- 040101
- 010000
톤
- 74383E
- 774045
- 79484C
- 7B5053
- 7C585B
- 7D6062
- 7F6869
- 7F7071
- 807878
색 조화
보색 +180°
- 722F37
Red Wine Vinegar
- 005353
≈ Pacific Storm
유사색 -30° +30°
- 722F37
Red Wine Vinegar
- 6B3053
≈ Burlat Red
- 703416
≈ Rosewood Brown
삼각 배색 +120° +240°
- 722F37
Red Wine Vinegar
- 305319
≈ Navy Green
- 20487A
≈ Theatre Blue
분열 보색 +150° +210°
- 722F37
Red Wine Vinegar
- 00563C
≈ Sacramento State Green
- 005067
≈ Hanada Blue
사각 배색 +90° +180° +270°
- 722F37
Red Wine Vinegar
- 4F4A00
≈ Scorzonera Brown
- 005353
≈ Pacific Storm
- 443F78
≈ Hot Sauna
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.64:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.17:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.64:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--red-wine-vinegar: #722f37;
--red-wine-vinegar-rgb: 114 47 55;
--red-wine-vinegar-oklch: oklch(0.401 0.095 15.1);
}
.element {
color: var(--red-wine-vinegar);
background-color: hsl(353 42% 32%);
border-color: oklch(0.401 0.095 15.1);
}Tailwind CSS v4
@theme {
--color-red-wine-vinegar: #722f37;
--color-red-wine-vinegar-50: #ffebeb;
--color-red-wine-vinegar-100: #ffdcdc;
--color-red-wine-vinegar-200: #fac5c6;
--color-red-wine-vinegar-300: #e4a4a6;
--color-red-wine-vinegar-400: #d0878c;
--color-red-wine-vinegar-500: #bc6b72;
--color-red-wine-vinegar-600: #9f5b60;
--color-red-wine-vinegar-700: #80484d;
--color-red-wine-vinegar-800: #5f3439;
--color-red-wine-vinegar-900: #422327;
--color-red-wine-vinegar-950: #2a1215;
}SCSS
$red-wine-vinegar: #722f37;
$red-wine-vinegar-rgb: 114, 47, 55;
$red-wine-vinegar-light: mix(#fff, $red-wine-vinegar, 20%);
$red-wine-vinegar-dark: mix(#000, $red-wine-vinegar, 20%);
.element {
color: $red-wine-vinegar;
box-shadow: 0 0 0 2px rgba($red-wine-vinegar, 0.35);
}