En yakın adlandırılmış renk · #CE00DC
#CE00DC
En yakın adlandırılmış renk: Trippy Velvet
#CE00DC (rgb(206 0 220), hsl(296 100% 43%), oklch(0.606 0.284 324.8)) 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.
#CE00DC
oklch(0.606 0.284 324.8)
Renk dönüşümleri
- HEX
- #ce00dc
- RGB
- rgb(206 0 220)
- HSL
- hsl(296 100% 43%)
- HWB
- hwb(296 0% 14%)
- OKLCH
- oklch(0.606 0.284 324.8)
- OKLab
- oklab(0.606 0.232 -0.163)
- CIE Lab
- lab(49.58 81.15 -58.36)
- LCH
- lch(49.58 99.96 324.3)
- CMYK
- cmyk(6% 100% 0% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D53DE1
- DB5BE5
- E273E9
- E789ED
- EC9EF1
- F1B2F4
- F5C5F8
- F9D9FA
- FCECFD
Koyu tonlar
- B300BF
- 9800A3
- 7F0088
- 66006E
- 4E0054
- 38003C
- 230026
- 0F0011
- 020002
Gri tonlar
- C72CD3
- C03FCA
- B94CC1
- B257B9
- AA60AF
- A368A6
- 9B6F9D
- 927594
- 897B8A
Renk uyumları
Tamamlayıcı +180°
- CE00DC
Trippy Velvet
- 009E28
≈ Space Invader
Analog -30° +30°
- CE00DC
Trippy Velvet
- 9153FF
≈ Irrigo Purple
- E7008A
≈ Feasty Fuchsia
Üçlü +120° +240°
- CE00DC
Trippy Velvet
- A47B00
≈ Hornet Yellow
- 00939F
≈ Jaded
Bölünmüş tamamlayıcı +150° +210°
- CE00DC
Trippy Velvet
- 808B00
≈ Krypton Green
- 00987E
≈ Paolo Veronese Green
Dörtlü +90° +180° +270°
- CE00DC
Trippy Velvet
- C46400
≈ Alloy Orange
- 009E28
≈ Space Invader
- 008DC3
≈ Parrotfish Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.50:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 4.65:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 4.65:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--trippy-velvet: #ce00dc;
--trippy-velvet-rgb: 206 0 220;
--trippy-velvet-oklch: oklch(0.606 0.284 324.8);
}
.element {
color: var(--trippy-velvet);
background-color: hsl(296 100% 43%);
border-color: oklch(0.606 0.284 324.8);
}Tailwind CSS v4
@theme {
--color-trippy-velvet: #ce00dc;
--color-trippy-velvet-50: #ffd9ff;
--color-trippy-velvet-100: #ffc6ff;
--color-trippy-velvet-200: #ffa6ff;
--color-trippy-velvet-300: #ff79ff;
--color-trippy-velvet-400: #eb4af8;
--color-trippy-velvet-500: #d900e9;
--color-trippy-velvet-600: #b700c5;
--color-trippy-velvet-700: #94009e;
--color-trippy-velvet-800: #6c0079;
--color-trippy-velvet-900: #4c0055;
--color-trippy-velvet-950: #32003a;
}SCSS
$trippy-velvet: #ce00dc;
$trippy-velvet-rgb: 206, 0, 220;
$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);
}