이름 색상 · #5B3256
Japanese Violet
Japanese Violet은(는) #5B3256: rgb(91 50 86), hsl(307 29% 28%), oklch(0.383 0.079 331.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Japanese Violet color name →
#5B3256
oklch(0.383 0.079 331.6)
색상 변환
- HEX
- #5b3256
- RGB
- rgb(91 50 86)
- HSL
- hsl(307 29% 28%)
- HWB
- hwb(307 20% 64%)
- OKLCH
- oklch(0.383 0.079 331.6)
- OKLab
- oklab(0.383 0.07 -0.038)
- CIE Lab
- lab(27.24 23.41 -13.75)
- LCH
- lch(27.24 27.15 329.6)
- CMYK
- cmyk(0% 45% 5% 64%)
틴트 · 셰이드 · 톤
틴트
- 6B4566
- 7B5875
- 8B6B86
- 9B7F96
- AB93A7
- BBA8B8
- CCBDC9
- DDD3DB
- EEE9ED
셰이드
- 4E2A4A
- 41223E
- 351B32
- 291427
- 1E0D1C
- 130712
- 090308
- 030102
- 000000
톤
- 5F3A5A
- 63425E
- 674963
- 6B5167
- 6F596B
- 72616F
- 766873
- 797078
- 7D787C
색 조화
보색 +180°
- 5B3256
Japanese Violet
- 1C4F2D
≈ Cal Poly Pomona Green
유사색 -30° +30°
- 5B3256
Japanese Violet
- 4B3866
≈ Meteorite
- 652F40
≈ Power Tie
삼각 배색 +120° +240°
- 5B3256
Japanese Violet
- 524100
≈ Roman Bronze
- 004C57
≈ Watercolour Blue
분열 보색 +150° +210°
- 5B3256
Japanese Violet
- 3C4912
≈ Green Not Found
- 004F45
≈ Fjord Green
사각 배색 +90° +180° +270°
- 5B3256
Japanese Violet
- 61380D
≈ Brown
- 1C4F2D
≈ Cal Poly Pomona Green
- 124769
≈ Terror From the Deep
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.31:1 · APCA Lc 94
Ag
Fail검은색 위
WCAG 2.03:1 · APCA Lc 9
가장 좋은 글자색: #FFFFFF
WCAG 10.31:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--japanese-violet: #5b3256;
--japanese-violet-rgb: 91 50 86;
--japanese-violet-oklch: oklch(0.383 0.079 331.6);
}
.element {
color: var(--japanese-violet);
background-color: hsl(307 29% 28%);
border-color: oklch(0.383 0.079 331.6);
}Tailwind CSS v4
@theme {
--color-japanese-violet: #5b3256;
--color-japanese-violet-50: #ffedff;
--color-japanese-violet-100: #f9dff3;
--color-japanese-violet-200: #eac8e3;
--color-japanese-violet-300: #d1a9c9;
--color-japanese-violet-400: #bb8db4;
--color-japanese-violet-500: #a5729e;
--color-japanese-violet-600: #8c6186;
--color-japanese-violet-700: #704e6b;
--color-japanese-violet-800: #523850;
--color-japanese-violet-900: #392737;
--color-japanese-violet-950: #231522;
}SCSS
$japanese-violet: #5b3256;
$japanese-violet-rgb: 91, 50, 86;
$japanese-violet-light: mix(#fff, $japanese-violet, 20%);
$japanese-violet-dark: mix(#000, $japanese-violet, 20%);
.element {
color: $japanese-violet;
box-shadow: 0 0 0 2px rgba($japanese-violet, 0.35);
}