En yakın adlandırılmış renk · #8A3D7E
#8A3D7E
En yakın adlandırılmış renk: Violet Vixen
#8A3D7E (rgb(138 61 126), hsl(309 39% 39%), oklch(0.485 0.134 333.8)) en çok Violet Vixen adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#8A3D7E
oklch(0.485 0.134 333.8)
Renk dönüşümleri
- HEX
- #8a3d7e
- RGB
- rgb(138 61 126)
- HSL
- hsl(309 39% 39%)
- HWB
- hwb(309 24% 46%)
- OKLCH
- oklch(0.485 0.134 333.8)
- OKLab
- oklab(0.485 0.12 -0.059)
- CIE Lab
- lab(38.31 39.87 -21.4)
- LCH
- lch(38.31 45.25 331.8)
- CMYK
- cmyk(0% 56% 9% 46%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 96508B
- A36397
- AF76A4
- BB89B1
- C69CBD
- D2B0CA
- DDC3D7
- E9D7E4
- F4EBF2
Koyu tonlar
- 77346D
- 652B5C
- 53224C
- 421A3C
- 32122D
- 220A1F
- 140411
- 070105
- 010001
Gri tonlar
- 8A457E
- 8A4C7F
- 89537F
- 885A7F
- 876180
- 866780
- 856E80
- 847480
- 827A80
Renk uyumları
Tamamlayıcı +180°
- 8A3D7E
Violet Vixen
- 00723D
≈ Dartmouth Green
Analog -30° +30°
- 8A3D7E
Violet Vixen
- 70489C
≈ Studio
- 993757
≈ Cardinal Red
Üçlü +120° +240°
- 8A3D7E
Violet Vixen
- 725D00
≈ Hot Mustard
- 006B7C
≈ Shinbashi Azure
Bölünmüş tamamlayıcı +150° +210°
- 8A3D7E
Violet Vixen
- 516900
≈ Serrano Pepper
- 006F64
≈ Deep Pacific
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.88:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.04:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.88:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--violet-vixen: #8a3d7e;
--violet-vixen-rgb: 138 61 126;
--violet-vixen-oklch: oklch(0.485 0.134 333.8);
}
.element {
color: var(--violet-vixen);
background-color: hsl(309 39% 39%);
border-color: oklch(0.485 0.134 333.8);
}Tailwind CSS v4
@theme {
--color-violet-vixen: #8a3d7e;
--color-violet-vixen-50: #ffe7ff;
--color-violet-vixen-100: #ffd8f9;
--color-violet-vixen-200: #f9bfea;
--color-violet-vixen-300: #e39dd2;
--color-violet-vixen-400: #ce7fbf;
--color-violet-vixen-500: #b960ab;
--color-violet-vixen-600: #9d5290;
--color-violet-vixen-700: #7e4274;
--color-violet-vixen-800: #5c2f57;
--color-violet-vixen-900: #41203d;
--color-violet-vixen-950: #290f26;
}SCSS
$violet-vixen: #8a3d7e;
$violet-vixen-rgb: 138, 61, 126;
$violet-vixen-light: mix(#fff, $violet-vixen, 20%);
$violet-vixen-dark: mix(#000, $violet-vixen, 20%);
.element {
color: $violet-vixen;
box-shadow: 0 0 0 2px rgba($violet-vixen, 0.35);
}