En yakın adlandırılmış renk · #BE34D5
#BE34D5
En yakın adlandırılmış renk: Trippy Velvet
#BE34D5 (rgb(190 52 213), hsl(291 66% 52%), oklch(0.599 0.246 321.4)) en çok Trippy Velvet 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.
#BE34D5
oklch(0.599 0.246 321.4)
Renk dönüşümleri
- HEX
- #be34d5
- RGB
- rgb(190 52 213)
- HSL
- hsl(291 66% 52%)
- HWB
- hwb(291 20% 16%)
- OKLCH
- oklch(0.599 0.246 321.4)
- OKLab
- oklab(0.599 0.192 -0.153)
- CIE Lab
- lab(49.44 68.72 -54.79)
- LCH
- lch(49.44 87.89 321.4)
- CMYK
- cmyk(11% 76% 0% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C650DA
- CD67DF
- D57CE4
- DC90E9
- E2A3ED
- E9B5F1
- EFC8F5
- F4DAF9
- FAEDFC
Koyu tonlar
- A52CB9
- 8C249E
- 751C83
- 5E156A
- 480E51
- 33073A
- 1F0324
- 0D0110
- 020002
Gri tonlar
- B942CD
- B34DC5
- AD57BD
- A75FB4
- A166AC
- 9B6CA3
- 95729B
- 8E7792
- 877C89
Renk uyumları
Tamamlayıcı +180°
- BE34D5
Trippy Velvet
- 1C9B00
≈ Space Invader
Analog -30° +30°
- BE34D5
Trippy Velvet
- 8854FF
≈ Purple Honeycreeper
- E10990
≈ The Art of Seduction
Üçlü +120° +240°
- BE34D5
Trippy Velvet
- A57700
≈ Bronze
- 009299
≈ Splashy
Bölünmüş tamamlayıcı +150° +210°
- BE34D5
Trippy Velvet
- 838700
≈ Krypton Green
- 009677
≈ Pool Table
Dörtlü +90° +180° +270°
- BE34D5
Trippy Velvet
- C55F00
≈ Alloy Orange
- 1C9B00
≈ Space Invader
- 008CBB
≈ Hawaiian Surf
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.52:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.64:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.64:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--trippy-velvet: #be34d5;
--trippy-velvet-rgb: 190 52 213;
--trippy-velvet-oklch: oklch(0.599 0.246 321.4);
}
.element {
color: var(--trippy-velvet);
background-color: hsl(291 66% 52%);
border-color: oklch(0.599 0.246 321.4);
}Tailwind CSS v4
@theme {
--color-trippy-velvet: #be34d5;
--color-trippy-velvet-50: #ffdeff;
--color-trippy-velvet-100: #ffccff;
--color-trippy-velvet-200: #ffafff;
--color-trippy-velvet-300: #f286fe;
--color-trippy-velvet-400: #dd5ff3;
--color-trippy-velvet-500: #ca2ae4;
--color-trippy-velvet-600: #ab28c1;
--color-trippy-velvet-700: #89209b;
--color-trippy-velvet-800: #651676;
--color-trippy-velvet-900: #470f53;
--color-trippy-velvet-950: #2e0138;
}SCSS
$trippy-velvet: #be34d5;
$trippy-velvet-rgb: 190, 52, 213;
$trippy-velvet-light: mix(#fff, $trippy-velvet, 20%);
$trippy-velvet-dark: mix(#000, $trippy-velvet, 20%);
.element {
color: $trippy-velvet;
box-shadow: 0 0 0 2px rgba($trippy-velvet, 0.35);
}