Cor nomeada mais próxima · #3A1D62
#3A1D62
Cor nomeada mais próxima: Fabric of Space
#3A1D62 (rgb(58 29 98), hsl(265 54% 25%), oklch(0.312 0.116 298.7)) é mais próxima da cor nomeada Fabric of Space. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#3A1D62
oklch(0.312 0.116 298.7)
Conversões de cor
- HEX
- #3a1d62
- RGB
- rgb(58 29 98)
- HSL
- hsl(265 54% 25%)
- HWB
- hwb(265 11% 62%)
- OKLCH
- oklch(0.312 0.116 298.7)
- OKLab
- oklab(0.312 0.056 -0.102)
- CIE Lab
- lab(18.2 26.62 -36.24)
- LCH
- lch(18.2 44.96 306.3)
- CMYK
- cmyk(41% 70% 0% 62%)
Tons claros · Sombras · Tons
Tons claros
- 4B3372
- 5C4881
- 6F5E91
- 8273A1
- 958AB0
- AAA0C0
- BEB7D0
- D3CFDF
- E9E7EF
Sombras
- 311854
- 281347
- 200E3A
- 18092D
- 100521
- 090316
- 04010B
- 010003
- 000000
Tons
- 402866
- 473269
- 4D3C6D
- 544670
- 5B5073
- 625976
- 696379
- 716D7B
- 78767E
Harmonias de cor
Complementar +180°
- 3A1D62
Fabric of Space
- 2D3500
≈ Wasabi Nori
Análoga -30° +30°
- 3A1D62
Fabric of Space
- 19296A
≈ Schiava Blue
- 4E124D
≈ Shani Purple
Tríade +120° +240°
- 3A1D62
Fabric of Space
- 4B2600
≈ Ibex Brown
- 003A31
≈ Night Turquoise
Complementar dividida +150° +210°
- 3A1D62
Fabric of Space
- 3E2E00
≈ Hidden Passage
- 003C15
≈ Melancholia
Tétrade +90° +180° +270°
- 3A1D62
Fabric of Space
- 5E0B07
≈ Sacramental Red
- 2D3500
≈ Wasabi Nori
- 00383F
≈ Natural Indigo
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 13.70:1 · APCA Lc 100
Ag
FailSobre preto
WCAG 1.53:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 13.70:1 (AAA) · APCA Lc 100
Contrast pairs
Trechos de código
CSS
:root {
--fabric-of-space: #3a1d62;
--fabric-of-space-rgb: 58 29 98;
--fabric-of-space-oklch: oklch(0.312 0.116 298.7);
}
.element {
color: var(--fabric-of-space);
background-color: hsl(265 54% 25%);
border-color: oklch(0.312 0.116 298.7);
}Tailwind CSS v4
@theme {
--color-fabric-of-space: #3a1d62;
--color-fabric-of-space-50: #faeeff;
--color-fabric-of-space-100: #eee0ff;
--color-fabric-of-space-200: #dcc9ff;
--color-fabric-of-space-300: #c1aaea;
--color-fabric-of-space-400: #a88fda;
--color-fabric-of-space-500: #9173c8;
--color-fabric-of-space-600: #7a62a9;
--color-fabric-of-space-700: #624e88;
--color-fabric-of-space-800: #473966;
--color-fabric-of-space-900: #312747;
--color-fabric-of-space-950: #1d152f;
}SCSS
$fabric-of-space: #3a1d62;
$fabric-of-space-rgb: 58, 29, 98;
$fabric-of-space-light: mix(#fff, $fabric-of-space, 20%);
$fabric-of-space-dark: mix(#000, $fabric-of-space, 20%);
.element {
color: $fabric-of-space;
box-shadow: 0 0 0 2px rgba($fabric-of-space, 0.35);
}