En yakın adlandırılmış renk · #9279B7
#9279B7
En yakın adlandırılmış renk: Viola
#9279B7 (rgb(146 121 183), hsl(264 30% 60%), oklch(0.623 0.095 302.2)) en çok Viola 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.
#9279B7
oklch(0.623 0.095 302.2)
Renk dönüşümleri
- HEX
- #9279b7
- RGB
- rgb(146 121 183)
- HSL
- hsl(264 30% 60%)
- HWB
- hwb(264 47% 28%)
- OKLCH
- oklch(0.623 0.095 302.2)
- OKLab
- oklab(0.623 0.051 -0.081)
- CIE Lab
- lab(55.04 19.56 -29.3)
- LCH
- lch(55.04 35.23 303.7)
- CMYK
- cmyk(20% 34% 0% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9C86BE
- A793C6
- B1A0CD
- BCADD4
- C7BBDC
- D2C8E3
- DDD6EA
- E8E3F1
- F4F1F8
Koyu tonlar
- 7E689F
- 6B5887
- 584870
- 46395A
- 352B45
- 251D31
- 16101E
- 08050C
- 010102
Gri tonlar
- 907AB2
- 8E7BAC
- 8C7CA7
- 8B7CA1
- 897D9C
- 877E96
- 857E91
- 837F8B
- 828086
Renk uyumları
Tamamlayıcı +180°
- 9279B7
Viola
- 7D904D
≈ Camo
Analog -30° +30°
Üçlü +120° +240°
Bölünmüş tamamlayıcı +150° +210°
- 9279B7
Viola
- 9C853E
≈ Wild Grass
- 58986B
≈ Endless
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.72:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.64:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.64:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--viola: #9279b7;
--viola-rgb: 146 121 183;
--viola-oklch: oklch(0.623 0.095 302.2);
}
.element {
color: var(--viola);
background-color: hsl(264 30% 60%);
border-color: oklch(0.623 0.095 302.2);
}Tailwind CSS v4
@theme {
--color-viola: #9279b7;
--color-viola-50: #fbefff;
--color-viola-100: #efe1ff;
--color-viola-200: #ddcbf6;
--color-viola-300: #c2acdf;
--color-viola-400: #a991cd;
--color-viola-500: #9276bb;
--color-viola-600: #7c649d;
--color-viola-700: #63507e;
--color-viola-800: #483a5e;
--color-viola-900: #322842;
--color-viola-950: #1e162a;
}SCSS
$viola: #9279b7;
$viola-rgb: 146, 121, 183;
$viola-light: mix(#fff, $viola, 20%);
$viola-dark: mix(#000, $viola, 20%);
.element {
color: $viola;
box-shadow: 0 0 0 2px rgba($viola, 0.35);
}