En yakın adlandırılmış renk · #8475A4
#8475A4
En yakın adlandırılmış renk: Aster
#8475A4 (rgb(132 117 164), hsl(259 21% 55%), oklch(0.594 0.072 298.8)) en çok Aster 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.
#8475A4
oklch(0.594 0.072 298.8)
Renk dönüşümleri
- HEX
- #8475a4
- RGB
- rgb(132 117 164)
- HSL
- hsl(259 21% 55%)
- HWB
- hwb(259 46% 36%)
- OKLCH
- oklch(0.594 0.072 298.8)
- OKLab
- oklab(0.594 0.035 -0.063)
- CIE Lab
- lab(51.99 13.49 -23.2)
- LCH
- lch(51.99 26.83 300.2)
- CMYK
- cmyk(20% 29% 0% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9082AD
- 9B8FB6
- A79DBF
- B3AAC8
- BFB8D1
- CCC6DB
- D8D4E4
- E5E2ED
- F2F1F6
Koyu tonlar
- 72658E
- 605579
- 4F4664
- 3F3750
- 2F293D
- 201C2B
- 120F1A
- 06050A
- 010101
Gri tonlar
- 8476A1
- 83779D
- 83799A
- 827A96
- 827B92
- 817C8F
- 817D8B
- 817E87
- 807F84
Renk uyumları
Tamamlayıcı +180°
- 8475A4
Aster
- 7A8553
≈ Oregano
Analog -30° +30°
- 8475A4
Aster
- 6C7DAA
≈ Night Thistle
- 976F94
≈ Tatarian Aster
Üçlü +120° +240°
- 8475A4
Aster
- 9F7452
≈ Ranch Brown
- 498D7F
≈ Royal Palm
Bölünmüş tamamlayıcı +150° +210°
- 8475A4
Aster
- 907C4A
≈ Ovoid Fruit
- 608B67
≈ Murdoch
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.14:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 5.06:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 5.06:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--aster: #8475a4;
--aster-rgb: 132 117 164;
--aster-oklch: oklch(0.594 0.072 298.8);
}
.element {
color: var(--aster);
background-color: hsl(259 21% 55%);
border-color: oklch(0.594 0.072 298.8);
}Tailwind CSS v4
@theme {
--color-aster: #8475a4;
--color-aster-50: #f8f1ff;
--color-aster-100: #ece3fd;
--color-aster-200: #d9ceef;
--color-aster-300: #bdafd7;
--color-aster-400: #a495c4;
--color-aster-500: #8c7cb0;
--color-aster-600: #776995;
--color-aster-700: #5f5477;
--color-aster-800: #453d59;
--color-aster-900: #302a3e;
--color-aster-950: #1c1827;
}SCSS
$aster: #8475a4;
$aster-rgb: 132, 117, 164;
$aster-light: mix(#fff, $aster, 20%);
$aster-dark: mix(#000, $aster, 20%);
.element {
color: $aster;
box-shadow: 0 0 0 2px rgba($aster, 0.35);
}