Adlandırılmış renk · #6C5389
Magenta Violet
Magenta Violet, #6C5389: rgb(108 83 137), hsl(268 25% 43%), oklch(0.49 0.089 304.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Magenta Violet color name →
#6C5389
oklch(0.49 0.089 304.6)
Renk dönüşümleri
- HEX
- #6c5389
- RGB
- rgb(108 83 137)
- HSL
- hsl(268 25% 43%)
- HWB
- hwb(268 33% 46%)
- OKLCH
- oklch(0.49 0.089 304.6)
- OKLab
- oklab(0.49 0.05 -0.073)
- CIE Lab
- lab(39.67 19.34 -26.41)
- LCH
- lch(39.67 32.74 306.2)
- CMYK
- cmyk(21% 39% 0% 46%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7A6395
- 8773A0
- 9684AC
- A495B8
- B3A6C4
- C1B7CF
- D1C9DB
- E0DBE7
- EFEDF3
Koyu tonlar
- 5D4776
- 4E3B64
- 403053
- 322542
- 251B31
- 191122
- 0D0814
- 040207
- 000001
Gri tonlar
- 6E5888
- 705C88
- 726187
- 746586
- 766A85
- 786E85
- 7A7384
- 7C7782
- 7E7C81
Renk uyumları
Tamamlayıcı +180°
- 6C5389
Magenta Violet
- 55692D
≈ Bimi Green
Analog -30° +30°
- 6C5389
Magenta Violet
- 525C93
≈ Fresh Take
- 7F4C75
≈ Phlox Flower Violet
Üçlü +120° +240°
- 6C5389
Magenta Violet
- 835524
≈ Precious Copper
- 007067
≈ Tide Pools
Bölünmüş tamamlayıcı +150° +210°
- 6C5389
Magenta Violet
- 715F1A
≈ Hot Mustard
- 316F4A
≈ Parsley Sprig
Dörtlü +90° +180° +270°
- 6C5389
Magenta Violet
- 8B4D3D
≈ Spiced Red
- 55692D
≈ Bimi Green
- 006D7F
≈ Coastal Jetty
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.48:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.23:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.48:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--magenta-violet: #6c5389;
--magenta-violet-rgb: 108 83 137;
--magenta-violet-oklch: oklch(0.49 0.089 304.6);
}
.element {
color: var(--magenta-violet);
background-color: hsl(268 25% 43%);
border-color: oklch(0.49 0.089 304.6);
}Tailwind CSS v4
@theme {
--color-magenta-violet: #6c5389;
--color-magenta-violet-50: #fcefff;
--color-magenta-violet-100: #efe1ff;
--color-magenta-violet-200: #decbf3;
--color-magenta-violet-300: #c3acdc;
--color-magenta-violet-400: #aa91c9;
--color-magenta-violet-500: #9377b6;
--color-magenta-violet-600: #7d6599;
--color-magenta-violet-700: #64507b;
--color-magenta-violet-800: #483b5c;
--color-magenta-violet-900: #322840;
--color-magenta-violet-950: #1e1629;
}SCSS
$magenta-violet: #6c5389;
$magenta-violet-rgb: 108, 83, 137;
$magenta-violet-light: mix(#fff, $magenta-violet, 20%);
$magenta-violet-dark: mix(#000, $magenta-violet, 20%);
.element {
color: $magenta-violet;
box-shadow: 0 0 0 2px rgba($magenta-violet, 0.35);
}