이름 색상 · #65344E
Vintage Wine
Vintage Wine은(는) #65344E: rgb(101 52 78), hsl(328 32% 30%), oklch(0.397 0.078 348.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Vintage Wine color name →
#65344E
oklch(0.397 0.078 348.2)
색상 변환
- HEX
- #65344e
- RGB
- rgb(101 52 78)
- HSL
- hsl(328 32% 30%)
- HWB
- hwb(328 20% 60%)
- OKLCH
- oklch(0.397 0.078 348.2)
- OKLab
- oklab(0.397 0.077 -0.016)
- CIE Lab
- lab(28.95 25.11 -5.77)
- LCH
- lch(28.95 25.76 347.1)
- CMYK
- cmyk(0% 49% 23% 60%)
틴트 · 셰이드 · 톤
틴트
- 74475E
- 83596E
- 936D7F
- A28090
- B194A2
- C1A9B4
- D0BEC6
- E0D3D9
- EFE9EC
셰이드
- 572C43
- 492438
- 3C1C2D
- 2F1523
- 220E19
- 17070F
- 0C0307
- 030102
- 000000
톤
- 683C53
- 6C4358
- 6F4B5D
- 715262
- 745A67
- 77616C
- 796971
- 7C7176
- 7E787B
색 조화
보색 +180°
- 65344E
Vintage Wine
- 05543F
≈ Sacramento State Green
유사색 -30° +30°
- 65344E
Vintage Wine
- 583862
≈ Purpurite Violet
- 6B3436
≈ Port
삼각 배색 +120° +240°
- 65344E
Vintage Wine
- 4B4A0D
≈ Scorzonera Brown
- 004E67
≈ Work Blue
분열 보색 +150° +210°
- 65344E
Vintage Wine
- 305125
≈ Chestnut Green
- 005254
≈ Wool Turquoise
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.74:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.15:1 · APCA Lc 10
가장 좋은 글자색: #FFFFFF
WCAG 9.74:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--vintage-wine: #65344e;
--vintage-wine-rgb: 101 52 78;
--vintage-wine-oklch: oklch(0.397 0.078 348.2);
}
.element {
color: var(--vintage-wine);
background-color: hsl(328 32% 30%);
border-color: oklch(0.397 0.078 348.2);
}Tailwind CSS v4
@theme {
--color-vintage-wine: #65344e;
--color-vintage-wine-50: #ffedf8;
--color-vintage-wine-100: #fedeeb;
--color-vintage-wine-200: #f0c7d9;
--color-vintage-wine-300: #d7a8bd;
--color-vintage-wine-400: #c28ca6;
--color-vintage-wine-500: #ad718f;
--color-vintage-wine-600: #926079;
--color-vintage-wine-700: #754c61;
--color-vintage-wine-800: #563748;
--color-vintage-wine-900: #3c2632;
--color-vintage-wine-950: #26141e;
}SCSS
$vintage-wine: #65344e;
$vintage-wine-rgb: 101, 52, 78;
$vintage-wine-light: mix(#fff, $vintage-wine, 20%);
$vintage-wine-dark: mix(#000, $vintage-wine, 20%);
.element {
color: $vintage-wine;
box-shadow: 0 0 0 2px rgba($vintage-wine, 0.35);
}