لون مسمّى · #CC00EE
Trippy Velvet
Trippy Velvet هو #CC00EE: rgb(204 0 238)، hsl(291 100% 47%)، oklch(0.615 0.295 320.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Trippy Velvet color name →
#CC00EE
oklch(0.615 0.295 320.1)
تحويلات الألوان
- HEX
- #cc00ee
- RGB
- rgb(204 0 238)
- HSL
- hsl(291 100% 47%)
- HWB
- hwb(291 0% 7%)
- OKLCH
- oklch(0.615 0.295 320.1)
- OKLab
- oklab(0.615 0.226 -0.189)
- CIE Lab
- lab(50.24 82.87 -67.52)
- LCH
- lch(50.24 106.9 320.8)
- CMYK
- cmyk(14% 100% 0% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D33FF1
- D95DF4
- DF75F7
- E58BF9
- EA9FFB
- EFB3FD
- F4C7FE
- F8DAFF
- FCECFF
درجات داكنة
- B100CF
- 9700B1
- 7E0093
- 650077
- 4E005C
- 370042
- 22002A
- 0F0014
- 020003
درجات رمادية
- C52DE3
- BE40D9
- B74ECE
- B059C3
- A962B9
- A169AE
- 9970A3
- 917697
- 897B8C
تناسق الألوان
متمم +180°
- CC00EE
Trippy Velvet
- 2F9F00
≈ Space Invader
متجاور -30° +30°
- CC00EE
Trippy Velvet
- 8960FF
≈ Purple Anemone
- E9009A
≈ Love Vessel
ثلاثي +120° +240°
- CC00EE
Trippy Velvet
- AC7B00
≈ Brown Butter
- 00979E
≈ Ocean Reef
متمم منقسم +150° +210°
- CC00EE
Trippy Velvet
- 8A8B00
≈ Palak Paneer
- 009C7A
≈ Tropical Kelp
رباعي +90° +180° +270°
- CC00EE
Trippy Velvet
- CF6100
≈ Brusque Brown
- 2F9F00
≈ Space Invader
- 0091C0
≈ Swimmer
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.37:1 · APCA Lc 68
Ag
AAعلى الأسود
WCAG 4.80:1 · APCA Lc 34
أفضل لون للنص: #000000
WCAG 4.80:1 (AA) · APCA Lc 34
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--trippy-velvet: #cc00ee;
--trippy-velvet-rgb: 204 0 238;
--trippy-velvet-oklch: oklch(0.615 0.295 320.1);
}
.element {
color: var(--trippy-velvet);
background-color: hsl(291 100% 47%);
border-color: oklch(0.615 0.295 320.1);
}Tailwind CSS v4
@theme {
--color-trippy-velvet: #cc00ee;
--color-trippy-velvet-50: #ffd9ff;
--color-trippy-velvet-100: #ffc6ff;
--color-trippy-velvet-200: #ffa6ff;
--color-trippy-velvet-300: #fa79ff;
--color-trippy-velvet-400: #e648ff;
--color-trippy-velvet-500: #d400fa;
--color-trippy-velvet-600: #b300d3;
--color-trippy-velvet-700: #9000a9;
--color-trippy-velvet-800: #690082;
--color-trippy-velvet-900: #4a005c;
--color-trippy-velvet-950: #30003e;
}SCSS
$trippy-velvet: #cc00ee;
$trippy-velvet-rgb: 204, 0, 238;
$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);
}