이름 색상 · #B63753
Raspberry Wine
Raspberry Wine은(는) #B63753: rgb(182 55 83), hsl(347 54% 46%), oklch(0.531 0.163 11.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Raspberry Wine color name →
#B63753
oklch(0.531 0.163 11.7)
색상 변환
- HEX
- #b63753
- RGB
- rgb(182 55 83)
- HSL
- hsl(347 54% 46%)
- HWB
- hwb(347 22% 29%)
- OKLCH
- oklch(0.531 0.163 11.7)
- OKLab
- oklab(0.531 0.16 0.033)
- CIE Lab
- lab(43.76 52.99 14.32)
- LCH
- lch(43.76 54.89 15.1)
- CMYK
- cmyk(0% 70% 54% 29%)
틴트 · 셰이드 · 톤
틴트
- C04E63
- C96373
- D27783
- DA8A94
- E19EA5
- E8B1B7
- EFC4C8
- F5D8DA
- FAEBED
셰이드
- 9E2E47
- 86263B
- 6F1E30
- 591625
- 440F1B
- 300811
- 1D0308
- 0C0102
- 020000
톤
- B24257
- AE4B5C
- AA5360
- A55A65
- A06269
- 9A686E
- 956E72
- 8E7577
- 887A7B
색 조화
보색 +180°
- B63753
Raspberry Wine
- 007C79
≈ Navajo Turquoise
유사색 -30° +30°
- B63753
Raspberry Wine
- A73C86
≈ Wild Aster
- B44200
≈ Martian Ironcrust
삼각 배색 +120° +240°
- B63753
Raspberry Wine
- 4B7C00
≈ Tropicana
- 006DC3
≈ Indigo Carmine
분열 보색 +150° +210°
- B63753
Raspberry Wine
- 008056
≈ Irish Beauty
- 007894
≈ Celestial
사각 배색 +90° +180° +270°
- B63753
Raspberry Wine
- 7A6D00
≈ Sunlit Kelp Green
- 007C79
≈ Navajo Turquoise
- 605AC6
≈ Circumorbital Ring
대비 및 접근성
Ag
AA흰색 위
WCAG 5.73:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.66:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.73:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--raspberry-wine: #b63753;
--raspberry-wine-rgb: 182 55 83;
--raspberry-wine-oklch: oklch(0.531 0.163 11.7);
}
.element {
color: var(--raspberry-wine);
background-color: hsl(347 54% 46%);
border-color: oklch(0.531 0.163 11.7);
}Tailwind CSS v4
@theme {
--color-raspberry-wine: #b63753;
--color-raspberry-wine-50: #ffe3e7;
--color-raspberry-wine-100: #ffd2d8;
--color-raspberry-wine-200: #ffb7bf;
--color-raspberry-wine-300: #ff939e;
--color-raspberry-wine-400: #ee7185;
--color-raspberry-wine-500: #db4c69;
--color-raspberry-wine-600: #b9415a;
--color-raspberry-wine-700: #953447;
--color-raspberry-wine-800: #6f2436;
--color-raspberry-wine-900: #4e1825;
--color-raspberry-wine-950: #330813;
}SCSS
$raspberry-wine: #b63753;
$raspberry-wine-rgb: 182, 55, 83;
$raspberry-wine-light: mix(#fff, $raspberry-wine, 20%);
$raspberry-wine-dark: mix(#000, $raspberry-wine, 20%);
.element {
color: $raspberry-wine;
box-shadow: 0 0 0 2px rgba($raspberry-wine, 0.35);
}