En yakın adlandırılmış renk · #C900E9
#C900E9
En yakın adlandırılmış renk: Trippy Velvet
#C900E9 (rgb(201 0 233), hsl(292 100% 46%), oklch(0.607 0.291 320.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.
#C900E9
oklch(0.607 0.291 320.4)
Renk dönüşümleri
- HEX
- #c900e9
- RGB
- rgb(201 0 233)
- HSL
- hsl(292 100% 46%)
- HWB
- hwb(292 0% 9%)
- OKLCH
- oklch(0.607 0.291 320.4)
- OKLab
- oklab(0.607 0.224 -0.185)
- CIE Lab
- lab(49.42 81.78 -66.06)
- LCH
- lch(49.42 105.13 321.1)
- CMYK
- cmyk(14% 100% 0% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D03EED
- D75CF0
- DD74F3
- E38AF6
- E99FF8
- EEB3FA
- F3C6FC
- F7D9FD
- FBECFE
Koyu tonlar
- AE00CB
- 9500AD
- 7C0090
- 640074
- 4C005A
- 360041
- 220029
- 0F0013
- 020003
Gri tonlar
- C32DDF
- BC40D5
- B54DCB
- AE58C0
- A761B6
- A069AC
- 986FA1
- 917696
- 897B8B
Renk uyumları
Tamamlayıcı +180°
- C900E9
Trippy Velvet
- 2A9D00
≈ Space Invader
Analog -30° +30°
- C900E9
Trippy Velvet
- 885BFF
≈ Purple Honeycreeper
- E50096
≈ Love Vessel
Üçlü +120° +240°
- C900E9
Trippy Velvet
- A97900
≈ Bronze
- 00949B
≈ Peacock Feather
Bölünmüş tamamlayıcı +150° +210°
- C900E9
Trippy Velvet
- 878900
≈ Krypton Green
- 009978
≈ Cadaverous
Dörtlü +90° +180° +270°
- C900E9
Trippy Velvet
- CB5F00
≈ Kvass
- 2A9D00
≈ Space Invader
- 008EBD
≈ Hawaiian Surf
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.50:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 4.66:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 4.66:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--trippy-velvet: #c900e9;
--trippy-velvet-rgb: 201 0 233;
--trippy-velvet-oklch: oklch(0.607 0.291 320.4);
}
.element {
color: var(--trippy-velvet);
background-color: hsl(292 100% 46%);
border-color: oklch(0.607 0.291 320.4);
}Tailwind CSS v4
@theme {
--color-trippy-velvet: #c900e9;
--color-trippy-velvet-50: #ffd9ff;
--color-trippy-velvet-100: #ffc6ff;
--color-trippy-velvet-200: #ffa6ff;
--color-trippy-velvet-300: #fa7aff;
--color-trippy-velvet-400: #e64bff;
--color-trippy-velvet-500: #d300f7;
--color-trippy-velvet-600: #b300d0;
--color-trippy-velvet-700: #9000a8;
--color-trippy-velvet-800: #690080;
--color-trippy-velvet-900: #4a005b;
--color-trippy-velvet-950: #30003e;
}SCSS
$trippy-velvet: #c900e9;
$trippy-velvet-rgb: 201, 0, 233;
$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);
}