Cor nomeada mais próxima · #CA00E7
#CA00E7
Cor nomeada mais próxima: Trippy Velvet
#CA00E7 (rgb(202 0 231), hsl(292 100% 45%), oklch(0.608 0.29 321.2)) é mais próxima da cor nomeada Trippy Velvet. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#CA00E7
oklch(0.608 0.29 321.2)
Conversões de cor
- HEX
- #ca00e7
- RGB
- rgb(202 0 231)
- HSL
- hsl(292 100% 45%)
- HWB
- hwb(292 0% 9%)
- OKLCH
- oklch(0.608 0.29 321.2)
- OKLab
- oklab(0.608 0.226 -0.182)
- CIE Lab
- lab(49.48 81.71 -64.82)
- LCH
- lch(49.48 104.3 321.6)
- CMYK
- cmyk(13% 100% 0% 9%)
Tons claros · Sombras · Tons
Tons claros
- D13EEB
- D85CEE
- DE74F2
- E48AF5
- E99EF7
- EEB2F9
- F3C6FB
- F8D9FD
- FBECFE
Sombras
- AF00C9
- 9500AB
- 7C008F
- 640073
- 4D0059
- 370040
- 220028
- 0F0013
- 020003
Tons
- C32CDD
- BD3FD3
- B64DC9
- AF58BF
- A861B5
- A069AB
- 996FA0
- 917596
- 897B8B
Harmonias de cor
Complementar +180°
- CA00E7
Trippy Velvet
- 219D00
≈ Space Invader
Análoga -30° +30°
- CA00E7
Trippy Velvet
- 895AFF
≈ Purple Honeycreeper
- E60094
≈ Love Vessel
Tríade +120° +240°
- CA00E7
Trippy Velvet
- A87900
≈ Bronze
- 00949C
≈ Peacock Feather
Complementar dividida +150° +210°
- CA00E7
Trippy Velvet
- 868900
≈ Krypton Green
- 009979
≈ Cadaverous
Tétrade +90° +180° +270°
- CA00E7
Trippy Velvet
- CA6000
≈ Kvass
- 219D00
≈ Space Invader
- 008EBE
≈ Hawaiian Surf
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.50:1 · APCA Lc 69
Ag
AASobre preto
WCAG 4.66:1 · APCA Lc 33
Melhor cor de texto: #000000
WCAG 4.66:1 (AA) · APCA Lc 33
Contrast pairs
Trechos de código
CSS
:root {
--trippy-velvet: #ca00e7;
--trippy-velvet-rgb: 202 0 231;
--trippy-velvet-oklch: oklch(0.608 0.29 321.2);
}
.element {
color: var(--trippy-velvet);
background-color: hsl(292 100% 45%);
border-color: oklch(0.608 0.29 321.2);
}Tailwind CSS v4
@theme {
--color-trippy-velvet: #ca00e7;
--color-trippy-velvet-50: #ffd9ff;
--color-trippy-velvet-100: #ffc6ff;
--color-trippy-velvet-200: #ffa6ff;
--color-trippy-velvet-300: #fb7aff;
--color-trippy-velvet-400: #e74aff;
--color-trippy-velvet-500: #d500f5;
--color-trippy-velvet-600: #b300cf;
--color-trippy-velvet-700: #9000a6;
--color-trippy-velvet-800: #6a007f;
--color-trippy-velvet-900: #4a005a;
--color-trippy-velvet-950: #31003d;
}SCSS
$trippy-velvet: #ca00e7;
$trippy-velvet-rgb: 202, 0, 231;
$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);
}