이름 색상 · #85393D
Ruby Wine
Ruby Wine은(는) #85393D: rgb(133 57 61), hsl(357 40% 37%), oklch(0.448 0.105 19.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Ruby Wine color name →
#85393D
oklch(0.448 0.105 19.1)
색상 변환
- HEX
- #85393d
- RGB
- rgb(133 57 61)
- HSL
- hsl(357 40% 37%)
- HWB
- hwb(357 22% 48%)
- OKLCH
- oklch(0.448 0.105 19.1)
- OKLab
- oklab(0.448 0.099 0.034)
- CIE Lab
- lab(34.87 33.58 14.45)
- LCH
- lch(34.87 36.55 23.3)
- CMYK
- cmyk(0% 57% 54% 48%)
틴트 · 셰이드 · 톤
틴트
- 924C4E
- 9F5F60
- AC7273
- B98686
- C59999
- D1ADAC
- DDC1C1
- E8D5D5
- F4EAEA
셰이드
- 733034
- 61282B
- 501F22
- 40171A
- 301012
- 21090A
- 130404
- 060101
- 010000
톤
- 864144
- 86494A
- 865051
- 865757
- 865E5E
- 856565
- 846C6B
- 837372
- 827979
색 조화
보색 +180°
- 85393D
Ruby Wine
- 006165
≈ Beau Vert
유사색 -30° +30°
- 85393D
Ruby Wine
- 7E395E
≈ Pleasure
- 824016
≈ Gryphonne Sepia Wash
삼각 배색 +120° +240°
- 85393D
Ruby Wine
- 336225
≈ Gameboy Shade
- 2F548E
≈ Flashy Sapphire
분열 보색 +150° +210°
- 85393D
Ruby Wine
- 00644C
≈ Green Paw Paw
- 005D7C
≈ Blue Edge
사각 배색 +90° +180° +270°
- 85393D
Ruby Wine
- 595800
≈ Douro
- 006165
≈ Beau Vert
- 54498A
≈ Gigas
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.92:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.64:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 7.92:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--ruby-wine: #85393d;
--ruby-wine-rgb: 133 57 61;
--ruby-wine-oklch: oklch(0.448 0.105 19.1);
}
.element {
color: var(--ruby-wine);
background-color: hsl(357 40% 37%);
border-color: oklch(0.448 0.105 19.1);
}Tailwind CSS v4
@theme {
--color-ruby-wine: #85393d;
--color-ruby-wine-50: #ffeae8;
--color-ruby-wine-100: #ffdbd9;
--color-ruby-wine-200: #fec3c1;
--color-ruby-wine-300: #e8a2a0;
--color-ruby-wine-400: #d58586;
--color-ruby-wine-500: #c2676a;
--color-ruby-wine-600: #a4585a;
--color-ruby-wine-700: #834648;
--color-ruby-wine-800: #613235;
--color-ruby-wine-900: #442224;
--color-ruby-wine-950: #2c1113;
}SCSS
$ruby-wine: #85393d;
$ruby-wine-rgb: 133, 57, 61;
$ruby-wine-light: mix(#fff, $ruby-wine, 20%);
$ruby-wine-dark: mix(#000, $ruby-wine, 20%);
.element {
color: $ruby-wine;
box-shadow: 0 0 0 2px rgba($ruby-wine, 0.35);
}