En yakın adlandırılmış renk · #9B25A2
#9B25A2
En yakın adlandırılmış renk: Purple Ink
#9B25A2 (rgb(155 37 162), hsl(297 63% 39%), oklch(0.505 0.205 325.6)) en çok Purple Ink 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.
#9B25A2
oklch(0.505 0.205 325.6)
Renk dönüşümleri
- HEX
- #9b25a2
- RGB
- rgb(155 37 162)
- HSL
- hsl(297 63% 39%)
- HWB
- hwb(297 15% 36%)
- OKLCH
- oklch(0.505 0.205 325.6)
- OKLab
- oklab(0.505 0.169 -0.116)
- CIE Lab
- lab(39.26 58.65 -41.58)
- LCH
- lch(39.26 71.9 324.7)
- CMYK
- cmyk(4% 77% 0% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A641AC
- B159B6
- BC6EBF
- C683C9
- D098D2
- DAACDB
- E4C1E4
- EDD5ED
- F6EAF6
Koyu tonlar
- 861F8C
- 721977
- 5E1363
- 4B0D4F
- 39083C
- 28042A
- 180219
- 09000A
- 010001
Gri tonlar
- 99349F
- 97409C
- 954A99
- 935496
- 915C93
- 8E648F
- 8B6B8C
- 887288
- 847984
Renk uyumları
Tamamlayıcı +180°
- 9B25A2
Purple Ink
- 007A22
≈ Green Glutton
Analog -30° +30°
- 9B25A2
Purple Ink
- 733DCA
≈ Purple Rain
- B50369
≈ Aztec Warrior
Üçlü +120° +240°
- 9B25A2
Purple Ink
- 7F5F00
≈ Ground Earth
- 00727C
≈ Scurf Green
Bölünmüş tamamlayıcı +150° +210°
- 9B25A2
Purple Ink
- 626C00
≈ Brownish Green
- 007662
≈ Teal Waters
Dörtlü +90° +180° +270°
- 9B25A2
Purple Ink
- 984E00
≈ Warm Brown
- 007A22
≈ Green Glutton
- 006D99
≈ Disarm
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.60:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.18:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.60:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--purple-ink: #9b25a2;
--purple-ink-rgb: 155 37 162;
--purple-ink-oklch: oklch(0.505 0.205 325.6);
}
.element {
color: var(--purple-ink);
background-color: hsl(297 63% 39%);
border-color: oklch(0.505 0.205 325.6);
}Tailwind CSS v4
@theme {
--color-purple-ink: #9b25a2;
--color-purple-ink-50: #ffe1ff;
--color-purple-ink-100: #ffd0ff;
--color-purple-ink-200: #ffb4ff;
--color-purple-ink-300: #ee8fed;
--color-purple-ink-400: #d96cdf;
--color-purple-ink-500: #c644ce;
--color-purple-ink-600: #a73bae;
--color-purple-ink-700: #862f8b;
--color-purple-ink-800: #63226a;
--color-purple-ink-900: #45164a;
--color-purple-ink-950: #2d0631;
}SCSS
$purple-ink: #9b25a2;
$purple-ink-rgb: 155, 37, 162;
$purple-ink-light: mix(#fff, $purple-ink, 20%);
$purple-ink-dark: mix(#000, $purple-ink, 20%);
.element {
color: $purple-ink;
box-shadow: 0 0 0 2px rgba($purple-ink, 0.35);
}