Colore con nome più vicino · #3C007E
#3C007E
Colore con nome più vicino: Galactic Federation
#3C007E (rgb(60 0 126), hsl(269 100% 25%), oklch(0.315 0.174 294)) è più vicino al colore con nome Galactic Federation. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#3C007E
oklch(0.315 0.174 294)
Conversioni di colore
- HEX
- #3c007e
- RGB
- rgb(60 0 126)
- HSL
- hsl(269 100% 25%)
- HWB
- hwb(269 0% 51%)
- OKLCH
- oklch(0.315 0.174 294)
- OKLab
- oklab(0.315 0.071 -0.159)
- CIE Lab
- lab(16.85 44.32 -56.57)
- LCH
- lch(16.85 71.86 308.1)
- CMYK
- cmyk(52% 100% 0% 51%)
Tinte · Ombre · Toni
Tinte
- 4B288C
- 5C419A
- 6E59A8
- 8170B5
- 9487C2
- A89ECE
- BDB6DB
- D3CEE7
- E9E6F3
Ombre
- 33006D
- 2A005C
- 21004C
- 19003C
- 11002D
- 0A001F
- 040011
- 010005
- 000001
Toni
- 411A7F
- 472A81
- 4D3682
- 534282
- 5A4D83
- 615783
- 696283
- 706C82
- 787681
Armonie di colore
Complementare +180°
- 3C007E
Galactic Federation
- 313500
≈ Wasabi Nori
Analogo -30° +30°
- 3C007E
Galactic Federation
- 011E87
≈ There Is Light
- 53005A
≈ Cloak and Dagger
Triadico +120° +240°
- 3C007E
Galactic Federation
- 4F2400
≈ Evil Cigar
- 003B2F
≈ Night Turquoise
Complementare divisa +150° +210°
- 3C007E
Galactic Federation
- 412E00
≈ Hidden Passage
- 003E06
≈ Hunter Green
Tetradico +90° +180° +270°
- 3C007E
Galactic Federation
- 63000C
≈ Rosewood
- 313500
≈ Wasabi Nori
- 00393E
≈ Natural Indigo
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 14.06:1 · APCA Lc 99
Ag
FailSu nero
WCAG 1.49:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 14.06:1 (AAA) · APCA Lc 99
Contrast pairs
Frammenti di codice
CSS
:root {
--galactic-federation: #3c007e;
--galactic-federation-rgb: 60 0 126;
--galactic-federation-oklch: oklch(0.315 0.174 294);
}
.element {
color: var(--galactic-federation);
background-color: hsl(269 100% 25%);
border-color: oklch(0.315 0.174 294);
}Tailwind CSS v4
@theme {
--color-galactic-federation: #3c007e;
--color-galactic-federation-50: #f9ecff;
--color-galactic-federation-100: #ecddff;
--color-galactic-federation-200: #dac5ff;
--color-galactic-federation-300: #c0a4ff;
--color-galactic-federation-400: #a587fa;
--color-galactic-federation-500: #8f68ec;
--color-galactic-federation-600: #7958c7;
--color-galactic-federation-700: #6147a0;
--color-galactic-federation-800: #453378;
--color-galactic-federation-900: #302355;
--color-galactic-federation-950: #1c1139;
}SCSS
$galactic-federation: #3c007e;
$galactic-federation-rgb: 60, 0, 126;
$galactic-federation-light: mix(#fff, $galactic-federation, 20%);
$galactic-federation-dark: mix(#000, $galactic-federation, 20%);
.element {
color: $galactic-federation;
box-shadow: 0 0 0 2px rgba($galactic-federation, 0.35);
}