Adlandırılmış renk · #5B3256
Japanese Violet
Japanese Violet, #5B3256: rgb(91 50 86), hsl(307 29% 28%), oklch(0.383 0.079 331.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Japanese Violet color name →
#5B3256
oklch(0.383 0.079 331.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6B4566
- 7B5875
- 8B6B86
- 9B7F96
- AB93A7
- BBA8B8
- CCBDC9
- DDD3DB
- EEE9ED
Koyu tonlar
- 4E2A4A
- 41223E
- 351B32
- 291427
- 1E0D1C
- 130712
- 090308
- 030102
- 000000
Gri tonlar
- 5F3A5A
- 63425E
- 674963
- 6B5167
- 6F596B
- 72616F
- 766873
- 797078
- 7D787C
Renk uyumları
Tamamlayıcı +180°
- 5B3256
Japanese Violet
- 1C4F2D
≈ Cal Poly Pomona Green
Analog -30° +30°
- 5B3256
Japanese Violet
- 4B3866
≈ Meteorite
- 652F40
≈ Power Tie
Üçlü +120° +240°
- 5B3256
Japanese Violet
- 524100
≈ Roman Bronze
- 004C57
≈ Watercolour Blue
Bölünmüş tamamlayıcı +150° +210°
- 5B3256
Japanese Violet
- 3C4912
≈ Green Not Found
- 004F45
≈ Fjord Green
Dörtlü +90° +180° +270°
- 5B3256
Japanese Violet
- 61380D
≈ Brown
- 1C4F2D
≈ Cal Poly Pomona Green
- 124769
≈ Terror From the Deep
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.31:1 · APCA Lc 94
Ag
FailSiyah üzerinde
WCAG 2.03:1 · APCA Lc 9
En iyi metin rengi: #FFFFFF
WCAG 10.31:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
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);
}