En yakın adlandırılmış renk · #9A29F6
#9A29F6
En yakın adlandırılmış renk: Vivid Violet
#9A29F6 (rgb(154 41 246), hsl(273 92% 56%), oklch(0.568 0.272 302.8)) en çok Vivid Violet 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.
#9A29F6
oklch(0.568 0.272 302.8)
Renk dönüşümleri
- HEX
- #9a29f6
- RGB
- rgb(154 41 246)
- HSL
- hsl(273 92% 56%)
- HWB
- hwb(273 16% 4%)
- OKLCH
- oklch(0.568 0.272 302.8)
- OKLab
- oklab(0.568 0.148 -0.229)
- CIE Lab
- lab(44.75 69.74 -81.35)
- LCH
- lch(44.75 107.16 310.6)
- CMYK
- cmyk(37% 83% 0% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A34BF9
- AD64FB
- B67AFD
- C08FFF
- CAA2FF
- D4B5FF
- DFC8FF
- E9DAFF
- F4EDFF
Koyu tonlar
- 8522D6
- 711CB7
- 5E1598
- 4B0F7B
- 39095F
- 270545
- 17022C
- 090115
- 010003
Gri tonlar
- 973CEB
- 944AE0
- 9154D4
- 8F5DC9
- 8C65BD
- 896CB2
- 8771A6
- 85779A
- 827C8D
Renk uyumları
Tamamlayıcı +180°
- 9A29F6
Vivid Violet
- 688300
≈ Jungle Vibes
Analog -30° +30°
- 9A29F6
Vivid Violet
- 505CFF
≈ Shady Neon Blue
- C500B5
≈ Explosive Purple
Üçlü +120° +240°
- 9A29F6
Vivid Violet
- AB6300
≈ Ancient Brandy
- 008A7C
≈ Go Go Green
Bölünmüş tamamlayıcı +150° +210°
- 9A29F6
Vivid Violet
- 8F7400
≈ Vermin Brown
- 008E4A
≈ Capitalino Cactus
Dörtlü +90° +180° +270°
- 9A29F6
Vivid Violet
- D62B00
≈ Dazzling Red
- 688300
≈ Jungle Vibes
- 008699
≈ Marker Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.22:1 · APCA Lc 74
Ag
FailSiyah üzerinde
WCAG 4.02:1 · APCA Lc 27
En iyi metin rengi: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--vivid-violet: #9a29f6;
--vivid-violet-rgb: 154 41 246;
--vivid-violet-oklch: oklch(0.568 0.272 302.8);
}
.element {
color: var(--vivid-violet);
background-color: hsl(273 92% 56%);
border-color: oklch(0.568 0.272 302.8);
}Tailwind CSS v4
@theme {
--color-vivid-violet: #9a29f6;
--color-vivid-violet-50: #ffe2ff;
--color-vivid-violet-100: #fdd1ff;
--color-vivid-violet-200: #efb4ff;
--color-vivid-violet-300: #d88cff;
--color-vivid-violet-400: #c165ff;
--color-vivid-violet-500: #ae2dff;
--color-vivid-violet-600: #932be9;
--color-vivid-violet-700: #7523bc;
--color-vivid-violet-800: #55188f;
--color-vivid-violet-900: #3b1165;
--color-vivid-violet-950: #250046;
}SCSS
$vivid-violet: #9a29f6;
$vivid-violet-rgb: 154, 41, 246;
$vivid-violet-light: mix(#fff, $vivid-violet, 20%);
$vivid-violet-dark: mix(#000, $vivid-violet, 20%);
.element {
color: $vivid-violet;
box-shadow: 0 0 0 2px rgba($vivid-violet, 0.35);
}