이름 색상 · #5D4149
Napa Wine
Napa Wine은(는) #5D4149: rgb(93 65 73), hsl(343 18% 31%), oklch(0.409 0.041 0.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Napa Wine color name →
#5D4149
oklch(0.409 0.041 0.3)
색상 변환
- HEX
- #5d4149
- RGB
- rgb(93 65 73)
- HSL
- hsl(343 18% 31%)
- HWB
- hwb(343 25% 64%)
- OKLCH
- oklch(0.409 0.041 0.3)
- OKLab
- oklab(0.409 0.041 0)
- CIE Lab
- lab(30.95 13.53 0.23)
- LCH
- lch(30.95 13.54 1)
- CMYK
- cmyk(0% 30% 22% 64%)
틴트 · 셰이드 · 톤
틴트
- 6C5259
- 7C636A
- 8B757B
- 9B888D
- AB9B9F
- BCAEB2
- CCC2C4
- DDD6D8
- EEEAEB
셰이드
- 50373E
- 432E34
- 37252A
- 2A1C20
- 1F1317
- 140B0E
- 0A0506
- 030102
- 000000
톤
- 61474E
- 644D54
- 685359
- 6B5A5E
- 6F6064
- 726669
- 766D6F
- 797375
- 7D797A
색 조화
보색 +180°
- 5D4149
Napa Wine
- 30524B
≈ Hunter
유사색 -30° +30°
- 5D4149
Napa Wine
- 574255
≈ Interlude
- 5E423D
≈ Chicory Root
삼각 배색 +120° +240°
- 5D4149
Napa Wine
- 474E35
≈ Matsuba Green
- 364D5E
≈ Ingénue Blue
분열 보색 +150° +210°
- 5D4149
Napa Wine
- 3A513F
≈ Angry Gremlin
- 2F5056
≈ Atlantic Deep
사각 배색 +90° +180° +270°
- 5D4149
Napa Wine
- 534930
≈ Punga
- 30524B
≈ Hunter
- 414961
≈ Sapphire Stone
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.06:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.31:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 9.06:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--napa-wine: #5d4149;
--napa-wine-rgb: 93 65 73;
--napa-wine-oklch: oklch(0.409 0.041 0.3);
}
.element {
color: var(--napa-wine);
background-color: hsl(343 18% 31%);
border-color: oklch(0.409 0.041 0.3);
}Tailwind CSS v4
@theme {
--color-napa-wine: #5d4149;
--color-napa-wine-50: #fff1f4;
--color-napa-wine-100: #f5e3e7;
--color-napa-wine-200: #e4cdd3;
--color-napa-wine-300: #caafb5;
--color-napa-wine-400: #b4959d;
--color-napa-wine-500: #9e7b85;
--color-napa-wine-600: #856870;
--color-napa-wine-700: #6b535a;
--color-napa-wine-800: #4f3d42;
--color-napa-wine-900: #372a2e;
--color-napa-wine-950: #21171a;
}SCSS
$napa-wine: #5d4149;
$napa-wine-rgb: 93, 65, 73;
$napa-wine-light: mix(#fff, $napa-wine, 20%);
$napa-wine-dark: mix(#000, $napa-wine, 20%);
.element {
color: $napa-wine;
box-shadow: 0 0 0 2px rgba($napa-wine, 0.35);
}