가장 가까운 이름 색상 · #68326C
#68326C
가장 가까운 이름 색상: Wineberry
#68326C(rgb(104 50 108), hsl(296 37% 31%), oklch(0.412 0.112 324.7))와 가장 가까운 이름 색상은 Wineberry입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#68326C
oklch(0.412 0.112 324.7)
색상 변환
- HEX
- #68326c
- RGB
- rgb(104 50 108)
- HSL
- hsl(296 37% 31%)
- HWB
- hwb(296 20% 58%)
- OKLCH
- oklch(0.412 0.112 324.7)
- OKLab
- oklab(0.412 0.091 -0.065)
- CIE Lab
- lab(30.1 31.5 -23.34)
- LCH
- lch(30.1 39.21 323.5)
- CMYK
- cmyk(4% 54% 0% 58%)
틴트 · 셰이드 · 톤
틴트
- 77467A
- 865988
- 956D97
- A381A5
- B395B4
- C2A9C3
- D1BED2
- E0D3E1
- F0E9F0
셰이드
- 592A5D
- 4B224E
- 3E1B40
- 301432
- 240D25
- 180719
- 0C030D
- 040104
- 000000
톤
- 6B3A6E
- 6E4371
- 704B73
- 735275
- 755A77
- 786279
- 7A697B
- 7C717D
- 7E787E
색 조화
보색 +180°
- 68326C
Wineberry
- 185A1F
≈ Sombre Green
유사색 -30° +30°
- 68326C
Wineberry
- 503C80
≈ Prism Violet
- 772C4E
≈ Flirt
삼각 배색 +120° +240°
- 68326C
Wineberry
- 604600
≈ Mud Brown
- 00565D
≈ Deep Teal
분열 보색 +150° +210°
- 68326C
Wineberry
- 4A5000
≈ Verdun Green
- 005848
≈ Forest Shadows
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.28:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.26:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.28:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--wineberry: #68326c;
--wineberry-rgb: 104 50 108;
--wineberry-oklch: oklch(0.412 0.112 324.7);
}
.element {
color: var(--wineberry);
background-color: hsl(296 37% 31%);
border-color: oklch(0.412 0.112 324.7);
}Tailwind CSS v4
@theme {
--color-wineberry: #68326c;
--color-wineberry-50: #ffebff;
--color-wineberry-100: #fddbfc;
--color-wineberry-200: #eec4ee;
--color-wineberry-300: #d6a4d6;
--color-wineberry-400: #c087c3;
--color-wineberry-500: #ab6baf;
--color-wineberry-600: #905b94;
--color-wineberry-700: #744877;
--color-wineberry-800: #553459;
--color-wineberry-900: #3b243e;
--color-wineberry-950: #251227;
}SCSS
$wineberry: #68326c;
$wineberry-rgb: 104, 50, 108;
$wineberry-light: mix(#fff, $wineberry, 20%);
$wineberry-dark: mix(#000, $wineberry, 20%);
.element {
color: $wineberry;
box-shadow: 0 0 0 2px rgba($wineberry, 0.35);
}