이름 색상 · #5C3C55
Blackberry Wine
Blackberry Wine은(는) #5C3C55: rgb(92 60 85), hsl(313 21% 30%), oklch(0.402 0.059 334.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Blackberry Wine color name →
#5C3C55
oklch(0.402 0.059 334.8)
색상 변환
- HEX
- #5c3c55
- RGB
- rgb(92 60 85)
- HSL
- hsl(313 21% 30%)
- HWB
- hwb(313 24% 64%)
- OKLCH
- oklch(0.402 0.059 334.8)
- OKLab
- oklab(0.402 0.053 -0.025)
- CIE Lab
- lab(29.84 17.79 -9.16)
- LCH
- lch(29.84 20.01 332.8)
- CMYK
- cmyk(0% 35% 8% 64%)
틴트 · 셰이드 · 톤
틴트
- 6B4D65
- 7B5F74
- 8B7285
- 9B8595
- AB98A6
- BBACB7
- CCC0C9
- DDD5DB
- EEEAED
셰이드
- 4F3349
- 422A3D
- 362131
- 2A1926
- 1F111C
- 140A11
- 0A0408
- 030102
- 000000
톤
- 604359
- 64495D
- 675062
- 6B5766
- 6F5D6A
- 72646F
- 766B73
- 797277
- 7D797C
색 조화
보색 +180°
- 5C3C55
Blackberry Wine
- 2D523A
≈ Green Stain
유사색 -30° +30°
- 5C3C55
Blackberry Wine
- 504062
≈ Royal Indigo
- 633B44
≈ Kung Fu
삼각 배색 +120° +240°
- 5C3C55
Blackberry Wine
- 524821
≈ Codium Fragile
- 1A505C
≈ Genetic Code
분열 보색 +150° +210°
- 5C3C55
Blackberry Wine
- 414E2A
≈ Bronze Tone
- 1B534C
≈ Lacustral
사각 배색 +90° +180° +270°
- 5C3C55
Blackberry Wine
- 5E4125
≈ Brown Hen
- 2D523A
≈ Green Stain
- 2B4C66
≈ Majolica Blue
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.40:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.23:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.40:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--blackberry-wine: #5c3c55;
--blackberry-wine-rgb: 92 60 85;
--blackberry-wine-oklch: oklch(0.402 0.059 334.8);
}
.element {
color: var(--blackberry-wine);
background-color: hsl(313 21% 30%);
border-color: oklch(0.402 0.059 334.8);
}Tailwind CSS v4
@theme {
--color-blackberry-wine: #5c3c55;
--color-blackberry-wine-50: #ffeffb;
--color-blackberry-wine-100: #f6e1ef;
--color-blackberry-wine-200: #e6cbde;
--color-blackberry-wine-300: #ccacc3;
--color-blackberry-wine-400: #b592ac;
--color-blackberry-wine-500: #9f7896;
--color-blackberry-wine-600: #86657f;
--color-blackberry-wine-700: #6c5165;
--color-blackberry-wine-800: #4f3b4b;
--color-blackberry-wine-900: #372834;
--color-blackberry-wine-950: #221620;
}SCSS
$blackberry-wine: #5c3c55;
$blackberry-wine-rgb: 92, 60, 85;
$blackberry-wine-light: mix(#fff, $blackberry-wine, 20%);
$blackberry-wine-dark: mix(#000, $blackberry-wine, 20%);
.element {
color: $blackberry-wine;
box-shadow: 0 0 0 2px rgba($blackberry-wine, 0.35);
}